程序设计 dom

4

对于jQuery事件，这只是一个简单的问题。加载DOM时，.load（），.ready（）和.unload（）是否按顺序运行？当我看到jQuery文档时，答案似乎是肯定的。 <script type="text/javascript"> $(window).load(function () { // run code initializeCode(); }); $(document).ready(function() { //run code that MUST be after initialize }); $(window).unload(function() { Cleanup(); }); </script> 但是，.ready（）内部的代码是在initializeCode（）之前执行的；被执行，所以我真的很奇怪。现在，我必须将代码放在.onload（）方法内，并放在initializeCode（）之后；行，这意味着它位于.ready（）块中。当我刚接触jQuery时，有人可以向我解释一下吗？

71 javascript jquery events dom

8

取消后如何继续事件传播？

当用户单击某个链接时，我想向他们显示一个确认对话框。如果他们单击“是”，我想继续原始导航。一个陷阱：我的确认对话框是通过返回jQuery.Deferred对象实现的，只有当用户单击“是”按钮时，该对象才会解析。因此，基本上，确认对话框是异步的。所以基本上我想要这样的东西： $('a.my-link').click(function(e) { e.preventDefault(); e.stopPropogation(); MyApp.confirm("Are you sure you want to navigate away?") .done(function() { //continue propogation of e }) }) 当然，我可以设置一个标志并重新触发单击，但这很麻烦。有任何自然的方法吗？

71 javascript dom event-propagation

1

如何删除D3.js中的属性？

我可以在D3.JS中删除属性吗？我已经使用添加了它.attr("disabled", "disabled")，现在我正在寻找类似于jQuery的东西来.removeAttr("disabled", "disabled");再次将其删除。对<button>和有用<option>。我试过使用，.remove()但是会删除整个对象而不是属性。

70 javascript dom attributes d3.js

5

如何避免使用Javascript在多选框中按住ctrl键单击的需要？

我以为这将是一个简单的技巧，但是我已经搜索了几个小时，找不到合适的搜索词。我希望有一个普通的多重选择框（<select multiple="multiple">），但我不想用户必须按住控制键才能进行多重选择。换句话说，我希望单击鼠标左键来切换<option>光标下方的元素，而不更改其他任何元素。换句话说，我想要的东西看起来像一个组合列表框，但表现得像一组复选框。有人可以建议用Javascript做到这一点的简单方法吗？谢谢。

70 javascript html forms dom

3

使用ng-if作为ng-repeat内部的开关？

我正在使用Angular应用程序。我尝试使用ng-if并在ng-repeat中切换，但没有成功。我有类似的数据： **[{"_id":"52fb84fac6b93c152d8b4569", "post_id":"52fb84fac6b93c152d8b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"hoot",}, {"_id":"52fb798cc6b93c74298b4568", "post_id":"52fb798cc6b93c74298b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"story",}, {"_id":"52fb7977c6b93c5c2c8b456b", "post_id":"52fb7977c6b93c5c2c8b456a", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"article",},** $ scope.comments =上面提到的数据和我的HTML一样： <div ng-repeat = "data in comments"> <div ng-if="hoot == data.type"> //differnt template with hoot data </div> <div ng-if="story == data.type"> //differnt template with story data </div> <div ng-if="article == data.type"> //differnt template with …

70 angularjs dom laravel-4 angularjs-ng-repeat angularjs-ng-if

2

如何克隆或重新调度DOM事件？

我正在寻找仅克隆或重新调度DOM事件的简单抽象方法。我对克隆DOM节点不感兴趣。我做了一些实验，阅读了DOM Events规范，但没有找到明确的答案。理想情况下，我正在寻找简单明了的东西： handler = function(e){ document.getElementById("decoy").dispatchEvent(e) } document.getElementById("source").addEventListener("click", handler) 当然，此代码示例不起作用。有一个DOM异常说明该事件当前正在分派-很明显。我想避免使用手动创建新事件document.createEvent()，对其进行初始化和调度。这个用例有一个简单的解决方案吗？

70 javascript events dom webkit

7

用通过AJAX检索的内容替换HTML页面

我有一个具有典型结构的HTML页面： <html> <head> <script src="..." ></script> <style>...</style> </head> <body> content </body> <script> var success_callback = function(data) { // REPLACE PAGE CONTENT & STRUCTURE WITH "data" } ajax(url, params, success_callback); </script> </html> 您认为有可能吗？我已经尝试给html标记添加一个ID，$(id).replace(data);并且没有成功。不要问我为什么，但这就是我所需要的（我正在与一个特殊的“ mashup builder”站点合作……这是一个很长的故事）。编辑：我忘了说接收内容中的脚本必须执行，即使使用包含的外部脚本也是如此<script src="...">。

69 javascript html ajax dom

5

在网络浏览器中，onblur和onfocusout有什么区别？

如果它们相同，那么为什么会有两个这样的事件？

69 javascript jquery dom dom-events

4

获取特定类型的第一个子节点-JavaScript

是否有可能获得子dom元素，该元素将是特定类型的第一个子元素。例如，在这两个示例中，我都想要获取img元素： <a id="mylink" href="#"><img src="myimage.jpg" /></a> 与 <a id="mylink" href="#"><span></span><img src="myimage.jpg" /></a>

69 javascript dom

11

对应于vue.js组件的DOM元素

如何找到与DOM元素相对应的vue.js组件？如果我有 element = document.getElementById(id); 是否有一个等效于jQuery的vue方法 $(element)

69 javascript dom vue.js

2

有没有办法检查两个DOM元素是否相等？

通过位置和Javascript中元素的位置查找元素没有问题。但是有比较通用的方法吗？我能想到的唯一方法是比较ID或类名，但并非所有元素都具有ID或类名。

68 javascript dom

Questions tagged «dom»