jjzjj

hash_element

全部标签

javascript - element.scrollTop 总是返回 0

我正在尝试获取元素的scrollTop位置,但它总是返回0。我做错了什么,我该如何解决?JSFiddlevarinner=document.getElementById('inner');window.addEventListener('scroll',function(){console.log(inner.scrollTop);})#outer{background-color:tan;height:1000px;}#first{background-color:bisque;height:200px;}#inner{background-color:aquamarine;heig

javascript - jQuery element.closest(...).attr 在使用 each 时不是一个函数

在遍历某些DOM元素时,我发现无法对它们使用.data或.attr:$('.running').each(index,element)=>console.logelement.closest('[data-id]')让我明白...但是$('.running').each(index,element)=>console.logelement.closest('[data-id]').data('id')抛出UncaughtTypeError:element.closest(...).dataisnotafunction 最佳答案 cl

javascript - 为什么 element.style 在 JS 中总是返回空?

当您在css中定义display:block时,element.style.display总是返回空的。console.log(document.getElementById('test').style.display)#map{display:block;}test但是如果你在该元素中设置样式,那么我们可以获得样式。显示详细信息。console.log(document.getElementById('test').style.display)test我不想要解决方案,因为我知道有很多解决方案:getElementById().style.displaydoesnotworkShow

javascript - jQuery UI draggable element dropped into sortable

我有一个可拖动项列表,我希望能够将它们拖动到可排序的内容block上。这是我的标记:OneTwoFooBar问题是,我希望拖动的项目在拖动开始时“变成”一个block,并在它被放下时保持一个block。我试过这个:$('.itemsdiv').draggable({helper:function(e){return$('').addClass('block').text($(e.target).text());},connectToSortable:".content"});$('.content').sortable();​fiddle:http://jsfiddle.net/MF4

javascript - Element.querySelector 未定义

为什么此代码会在控制台中引发错误读取TypeError:pizzaBox.querySelectorisnotafunction。(在'pizzaBox.querySelector('h6')'中,'pizzaBox.querySelector'未定义)?functionaddToppingsToAll(toppings){varpizzaBoxHolder=document.getElementById("PizzaBoxHolder");varPizzaBoxList=pizzaBoxHolder.childNodes;for(vari=0;i 最佳答案

javascript - IE7 中的 window.location.hash 问题

我们有一个javascript函数,可以使用anchor将页面“移动”到特定位置。此函数只是执行window.location.href="#"+hashName。这适用于FF,但不适用于IE。我在WindowsXP下使用IE7测试了这段代码。我已经尝试过usingwindow.location.href、window.location.hash、window.location.replace和所有这些方法,但使用文档对象。有谁知道如何处理这个问题? 最佳答案 IE和大多数其他浏览器将使用anchor.focus()滚动到一个anc

javascript - Aurelia.js : How do I animate an element when bound value changes?

我正在使用Aurelia.js对于我的用户界面。假设我有以下View标记:${item.name}${item.value}绑定(bind)到模型“项目”。当模型中的一个值发生变化时,我想为显示更改值的单元格设置动画。我怎样才能做到这一点? 最佳答案 这可以用Aurelia来完成customattributes特征。创建一个新的javascript文件来描述属性(我将属性命名为“animateonchange”):import{inject,customAttribute}from'aurelia-framework';import

javascript - 使用 <compose view-model ="./my-element"> 和 <my-element> 有什么区别?有哪些场景比较适合?

在过去的四个月里,我和一个队友一直在Aurelia中构建应用程序,他和我一直在以这两种不同的方式创建和使用组件。我想保持一定的一致性并将所有内容更改为两种样式中的一种,但我不知道哪一种更适合或更适合我们的需求。我选择使用因为对我来说它感觉更干净并且适合我遇到的每一个需求,但如果使用自定义元素客观上更好,我想切换到那个。例如:(他的View模型:)import{bindable,bindingMode}from'aurelia-framework';exportclassHisWay{@bindable({defaultBindingMode:bindingMode.twoWay})da

javascript - 在 Safari 5.1.2 中传递 Element.ALLOW_KEYBOARD_INPUT 时 webkitRequestFullScreen 失败

尝试使用javascript全屏api时,在Safari5.1.2中遇到以下问题。通过将以下行复制并粘贴到浏览器的已加载页面上,您可以看到效果。这适用于Chrome15和Safari5.1.2:javascript:document.querySelector('body').webkitRequestFullScreen();这在Chrome15中有效,但在Safari5.1.2中静默失败:javascript:document.querySelector('body').webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);AL

javascript - 在帧中设置 location.hash

我正在使用ajax更新框架中页面的位置。但是当设置散列的位置时(特别是在Chrome和某些版本的IE(5.5)上,但偶尔在IE7上)页面正在重新加载。下面的html演示了这个问题。主框架....frame.html是sethash.html页面是.varCount=0;functionsethash(){top.document.location.hash="hash"+Count;Count++;}Hello`在大多数浏览器上加载frame.html将在页面加载时显示一次加载警报。然后当按下设置哈希按钮时,url将被更改,但加载的警报的哈希将不会再次显示。在chrome和某些版本的I