jquery-mobile - jquery mobile加载外部页面，未触发事件

Question

我想转换到外部 jquery 移动页面，但是当调用转换时，没有任何事件被触发：

jQuery("#test1").on("pagebeforeshow", function(event) {
            WL.Logger.debug("pagebeforeshow: test1");
        });

function loadHTML(){
        $.mobile.pageContainer.pagecontainer("load", "./pages/test1/test1.html", {});

    }
    function openHTML(){
        $.mobile.pageContainer.pagecontainer("change", "./pages/test1/test1.html", {});
    }

这是我的 HTML 上的内容：

<div data-role="page" id="test1">
    <div data-role="content" style="padding: 15px"></div>
</div>

有没有办法使用任何事件？

Answer 1

要将 pagebeforeshow 处理程序附加到尚未加载到 DOM 中的页面，您必须使用事件委托：

https://learn.jquery.com/events/event-delegation/

jQuery(document).on("pagebeforeshow", "#test1" function(event) {...