草庐IT

HTML-div

全部标签

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - Dynamicpage div 在加载新内容后不久闪烁

我正在使用动态页面脚本通过Ajax将内容加载到我的页面中。除了1期外,一切正常。我有一个页面,其中的div彼此堆叠在一起例如:header-banner-nav-content-likebox-twitterwidget-footer。如果我更改页面,例如,如果我从家里去联系,然后我会看到我的likebox和twitterwidget在不到一秒钟的时间内转到页面顶部(导航下方)。之后一切都正确加载,但是在显示联系页面之前看到框在顶部闪烁很烦人。如何修改dynamicpage.js脚本,使其不会很快将内容下方的div移动到顶部?这是我的脚本:$(function(){varnewHash

javascript - 如何让 javascript 在调用 QWebElement.appendInside ('some html code' 时工作)?

我正在为im客户端开发插件,它将在QWebView中显示聊天记录。插件必须支持html模板。现在我正在尝试通过调用QWebElement.appendInside(‘newmessage’)来附加新消息,如果模板中有javascript源,则它不起作用。例如模板可能是这样的类型: %time%%name%getitall('%text%','%name%','%cid%','%base%',meldungsart[0]);animation1();函数getitall()和animation1()不会被执行。我不能使用QWebElement.evaluatejavascrip

javascript - 如何使用 angularjs 对 HTML 列表进行渐进式增强?

假设我有一个可访问的网站,该网站将在禁用JS的情况下进行咨询。我有一个新闻列表,我可以这样总结:News1News2News3每次重新加载页面时,您都会添加最新的新闻,如果您获得超过10条新闻,则旧的新闻将被丢弃。现在,如果我使用AngulardJS,我必须将数据放入一个模型和一个ng-repeat,并摆脱我的静态HTML。该列表将动态填充,因此使用JS的人将看到几乎实时更新的列表。我需要的是让两者协同工作。我需要静态列表,如果JS被激活,我希望将当前元素插入到模型中并由angularjs管理。现在我目前的做法是:当我的模型初始化时,分离列表DOM,手动提取数据,并删除所有子列表在列表

javascript - 需要更简单的方法来用 HTML 等价物替换嵌套的自定义标签

我正在寻找一种方法来将嵌套的自定义标签正确替换为HTML等价物。例如,假设我们有以下文本:Thisis{b:boldtext}应该变成:Thisisboldtext我知道我可以——而且可能应该——使用带有“粗体”类的跨度之类的东西而不是旧的“b”标签,但我坚持使用“b”是有原因的这个例子。我可能有嵌套标签:Thisis{b:boldtextand{i:italic}}应该变成:Thisisboldtextanditalic但是,我有这些正则表达式(我将其与replace()函数一起使用):/\{b:([\s\S]*?)\}/gm/\{i:([\s\S]*?)\}/gm然后结果会变成:T

javascript - 使用 IPv6 地址和 javascript 从网页获取 html

我想知道是否有一种方法可以使用JavaScript从IPv6地址获取httpGet请求。我在家用电脑上使用cooja建立了一个虚拟网状网络,每个节点都有一个IPv6地址,格式为aaaa::0212:740x:000x:0x0x其中x是节点号。当使用普通的jquery请求时:$.ajax({url:url,success:function(data){console.log(data);}});网站,例如http://www.random.org/intergers/?etc,将得到一个随机数并记录它,但是当一个ipv6地址被放入即[aaaa::0212:740x:000x:0x0x]它

javascript - 如何使同步两个 Divs 滚动位置更平滑

我正在尝试同步两个可滚动的DIVS滚动位置。遵循的方法:Method-1:on-scroll事件设置其他DIV的scrollTop。问题:滚动事件最后执行,UI在iOSSafari中缓慢。Method-2:使用setInterval来同步两个滚动位置。问题:iOS在滚动期间不执行定时器功能,所以滚动位置在最后同步。同样,这更加缓慢。尝试过,许多博客中提到的计时器已修复,但仍然没有优雅。Method-3:尝试自定义滚动条,所以iScroll并尝试在scroll事件上同步两者,问题:这看起来好多了,但在iOS中仍然很慢!!!Method-4:尝试自定义滚动条,所以iScroll并尝试在sc

javascript - Ionic 和 Angular 2 - 拒绝应用来自 'http://localhost:8100/build/main.css' 的样式,因为它的 MIME 类型 ('text/html' 不受支持

我的Ionic在我想在我的iPhone上进行测试之前,build一直运行良好,所以我停止了我的服务器,做了一个ionicserve--addresslocalhost,我注意到我的样式表不再加载了......所以我再次杀死服务器回到ionicserve并且错误仍然存​​在......(index):1Refusedtoapplystylefrom'http://localhost:8100/build/main.css'becauseitsMIMEtype('text/html')isnotasupportedstylesheetMIMEtype,andstrictMIMEchecki

javascript - 如何从 HTML 调用缩小的函数?

我正在尝试将旧的(Django)应用程序转换为在前端使用现代JavaScript,包括缩小、模块等。以前我有一个简单的map.js文件,它只有一个绘制map的功能:functionsetupMap(lng,lat,zoom){//drawmap,basedonlat/lngetc}在引入jQuery和map.js之后,我直接从我的HTML页面调用它(应用程序的每个页面都与特定地点相关,所以我想绘制该地点的map):$(document).ready(function(){setupMap(lat,lng,zoom);});效果很好。但我正在尝试以现代方式做事。所以我想将jQuery捆绑

javascript - flex 中的 Marquee div

我正在尝试创建一个无限的水平“滚动”,如选取框效果(例如likethisone)。这是我的代码:.parent{border:1pxsolidblack;width:100%;height:2rem;}.container{height:100%;display:flex;padding-left:10%;border:1pxsolidtomato;animation:marquee5slinearinfinite;}@keyframesmarquee{0%{transform:translate(0%,0);}100%{transform:translate(-100%,0);}}.