草庐IT

重复元素

全部标签

javascript - 只掉落到可见的元素

我有以下内容:我正在尝试对其进行设置,以便当您拖动该项目时,它只会掉落到您可以看到的div元素,并且不会被掩盖.所以我用了这个js:$(".draggable").draggable({helper:"clone"})$("#bottom,.draggable").droppable({drop:function(event,ui){var$this=$(this),$dragged=$(ui.draggable);$this.append($dragged.clone());},hoverClass:"dragHover"})​但它会在两个位置放置元素,即使只有一个放置区域不可见!我

javascript - 如何使用 jQuery 循环元素中的单个 div

我正在尝试查看以下是否可行:我希望能够连续循环一个元素中的单个div[因此div的开始是在循环时同一个div的末尾。]这不一定是现有的插件。如果可能的话,我宁愿不克隆div。div的宽度将在循环之前通过javascript设置,但可能会进行少量调整。如果有任何想法,我将不胜感激! 最佳答案 jsBindemojQuery:$('.scroller').each(function(){$(this).find('img').clone().appendTo($(this));});(functionmove(){$('.scrolle

javascript - 一个数组元素占用多少内存?

我认为浏览器之间可能存在差异,但是我如何在Javascript中找出一个数组或它的一个元素占用多少内存?我想弄清楚使用类型化数组时我节省了多少空间。提前致谢! 最佳答案 这取决于很多方面。用于存储变量的引用的长度在大小上可能会有所不同(如果您没有使用关联数组,JS中实际上不存在关联数组,但那是另外的讨论)。商品本身的尺寸也可能不同。基本上,用于存储特定类型对象的二进制表示就是内存。8位int使用1个字节。16位int使用2个字节。字符串中的一个字符使用2个或4个字节(由于UTF-16)。如果您想更好地了解大小/速度/执行时间,我认为

javascript - 检查 GoogleMap Canvas 元素是否已经空闲

我的问题很直接。google.maps.event.addListenerOnce(map,'idle',function(){//code});这段代码将在map当前忙缩放或平移后触发。不是在它已经闲置的时候。有没有办法在if语句中检查Canvas的状态?因此,当它已经空闲时,您将在不添加监听器的情况下执行//code? 最佳答案 没有记录map的空闲状态信号的属性,但您可以自己实现它。假设您在map初始化后立即调用它:google.maps.event.addListener(map,'idle',function(){this

javascript - 如何检查 HTML 元素的动画?

我想查看分配给特定元素的CSS过渡或JavaScript/jQuery动画。我应该如何在ChromeDevTools或任何其他开发者工具中执行此操作?例如,我访问了一个Google+页面,我注意到当我将鼠标悬停在一张图片上时,它会变灰、放大,并且Angular落会出现一个关闭按钮。正常:悬停:如何查看此行为背后的代码? 最佳答案 右键单击元素选项卡中的html元素,然后选择:悬停选项。现在您可以在右侧样式选项卡中看到应用于特定元素的悬停CSS。请引用屏幕截图 关于javascript-如

javascript - 获取元素的内容宽度

offsetWidth目前对我来说还不够好,因为它包括填充和边框宽度。我想找出元素的内容宽度。是否有相应的属性,或者我是否必须采用offsetWidth然后从计算样式中减去填充和边框宽度? 最佳答案 由于这在谷歌搜索时最先出现,但还没有合适的答案,这里有一个:functiongetContentWidth(element){varstyles=getComputedStyle(element)returnelement.clientWidth-parseFloat(styles.paddingLeft)-parseFloat(sty

javascript - angularjs 指令将名称属性绑定(bind)到模板元素

我正在尝试在select上创建一个包装器指令,并且我正在尝试将“name”属性分配给select指令我的指令定义为mainApp.directive('selectformfield',function(){return{restrict:'E',transclude:true,scope:{label:'@',id:'@',selectedval:'=',options:'=',name:'='},template:"--select--"};});我试图通过Controller中的myform访问select的name属性,例如console.log($scope.myForm.o

javascript - 如何遍历 HTML DOM?以及如何获取元素的事件、样式和属性(附示例)

编辑2(解决方案)Javascript对于“可能的”javascript方式,请参阅下面的@sabof回答:https://stackoverflow.com/a/22172009/3309243…………JQUERY事件:我很快制作了一个示例函数getEvents(),但它似乎有效:)属性:我在互联网上的某个地方找到了这个,通过使用.attr()返回所有属性另外,我刚刚发现了有关在浏览器中进行调试的知识,因此现在知道如何查看对象。可能有人想知道如何:打开您的控制台(在FireFox中至少为f12)并在控制台命令行中键入例如$("body")(一直在底部),单击返回的对象并查看控制台:P

javascript - OO Javascript - 我应该让一个类将自身添加到 DOM 中还是让它返回一个元素然后添加到 DOM 中?

我正在练习OOJavascript,制作一种用于查看Manga(漫画)的网络应用程序现在我有几个类:搜索结果漫画(根据搜索结果中的数据生成)章节(包含在漫画中)页面(包含在章节中)图片(包含在页面中)我通过生成元素的html将搜索结果添加到DOM,然后使用jQuery附加它。这就是我的问题所在:我应该生成html(或jQueryDOM元素)并从类中的函数返回它,然后将此元素添加到类之外,还是为类提供对容器的引用会更明智,它应该将元素放入其中并让它通过追加将元素放入该容器中?所以这个?function(data,result,response){var$resultContainer=$

javascript - 如何在 Polymer 中的元素上触发事件?

没有Polymer是如何工作的在JavaScript中,您可以通过简单地调用元素本身的方法来触发事件:varelem=document.getElementById('foo');elem.onclick();这工作正常,可以在thisJSFiddledemo中看到.尝试在Polymer中做同样的事情但是Polymer有不同的语法,它使用on-click而不是onclick:Polymer('my-element',{clickEvent:function(){console.log('Clickeventtriggered.');}});我想在每次按下键时在我的input元素上手动调