javascript - JQM 稍后预置的翻转开关不会对事件使用react

Question

我在前面加上这段代码:

        <li data-role="fieldcontain">
            <label for="test">Test</label>
            <select class="marktplaatsenSwitch" id="test" data-role="slider" name="test">
                <option value="off">OFF</option>
                <option '+selected+'value="on">ON</option>
            </select>
        </li>

在 id 为“settings”的 ul 中

当我调用它时

    $( ".marktplaatsenSwitch" ).on( "change", function(event, ui) {
        alert("Test");
    });

它没有反应。但是当我的 li 已经在 ul 中时它确实有效。我需要做一些刷新吗？我已经尝试过 listview("refresh") 和 selectMenu("refresh", true)

Answer 1

不要使用:

$( ".marktplaatsenSwitch" ).on( "change", function(event, ui) {
        alert("Test");
});

正确的 jQuery 语法是(如果你想访问动态创建的事件):

$(document).on( "change", ".marktplaatsenSwitch",function(event, ui) {
        alert("Test");
});

这种事件绑定(bind)方式称为委托(delegate)绑定(bind)，它不会判断元素在DOM中是否存在。