jquery委派ui按钮分配

使用方法上的委派时，分配

用户界面

按钮

的正确语法是什么

我尝试过这种结构，但没有成功：

$("body").on("load","a.button",function(){ $("a.button").button(); });

---

口头：页面加载后，使用ui.button方法将每个.button类元素转换为图形模式。包括动态加载的内容。

委托时，处理程序绑定到父元素（

正文

）的事件，该事件在触发时将在自身中查找与选择器（

a.button

）匹配的任何元素

这就是为什么您的示例不起作用的原因，因为没有DOM插入/变异事件（加载

load

事件不是这样工作的）。插入后，您必须自己在元素上触发

.button（）

如果您想变得别致，并使用自定义事件来处理动态插入内容的任何更新，您可以执行以下操作：

HTML

<div id="container"></div>

注意：为了更清楚地演示，我添加了container元素。如果您愿意，在没有它的情况下可以直接在

document.body

上使用

---

如果您想在加载时触发自定义

更新

事件，只需将

container.trigger（“更新”）

添加到您的文档中即可。

委派时，处理程序绑定到父元素（

正文

）的事件，该事件在触发时将查找与选择器匹配的任何元素（

a.button

）内在的

这就是为什么您的示例不起作用的原因，因为没有DOM插入/变异事件（加载

load

事件不是这样工作的）。插入后，您必须自己在元素上触发

.button（）

如果您想变得别致，并使用自定义事件来处理动态插入内容的任何更新，您可以执行以下操作：

HTML

<div id="container"></div>

注意：为了更清楚地演示，我添加了container元素。如果您愿意，在没有它的情况下可以直接在

document.body

上使用

如果要在加载时触发自定义

update

事件，只需将

container.trigger（“update”）

添加到您的文档中即可。

希望这对您有所帮助：

$(function() {
    $( "input:submit, a, button", ".demo" ).button();

    // Original example method
//    $( "a", ".demo" ).click(function() { return false; });

    // on(), if you're not loading the targets after page-load
//    $( "a", ".demo" ).on ("click", function() { return false; });

    // on(), if you are loading the targets after page-load
    $( document ).on ("click", "a, .demo", function() { return false; });
});​

此处演示：

希望这对您有所帮助：

$(function() {
    $( "input:submit, a, button", ".demo" ).button();

    // Original example method
//    $( "a", ".demo" ).click(function() { return false; });

    // on(), if you're not loading the targets after page-load
//    $( "a", ".demo" ).on ("click", function() { return false; });

    // on(), if you are loading the targets after page-load
    $( document ).on ("click", "a, .demo", function() { return false; });
});​

---

此处演示：

那么您正在收听的是什么活动？将元素添加到DOM？.button（）方法只会将输入转换为图形模式。（页面加载后立即）正常。但是你要参加什么活动呢？什么是“加载”？口头上说：页面加载后，使用ui.button方法将每个.button类元素转换为图形模式。包括动态加载内容。“包括动态加载内容”vs“页面加载后”-这两个事件发生在不同的时间。一开始你已经加载了你的页面，之后，可能甚至10个小时（？）一些动态元素也会被加载。那么你在听什么事件呢？将元素添加到DOM？.button（）方法只会将输入转换为图形模式。（页面加载后立即）正常。但是你要参加什么活动呢？什么是“加载”？口头上说：页面加载后，使用ui.button方法将每个.button类元素转换为图形模式。包括动态加载内容。“包括动态加载内容”vs“页面加载后”-这两个事件发生在不同的时间。一开始你已经加载了你的页面，之后，可能甚至10个小时（？）一些动态元素就可以加载了。感谢您花时间和热情进行深度讲解。@Jirka不客气：）就这样。感谢您花时间和热情进行深度讲解。@Jirka不客气：）