jquery 移动加载外部页面，事件未触发

Question

我想转换到外部 jquery 移动页面，但是 none 事件正在触发，调用转换时：

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) {...

jquery 移动加载外部页面，事件未触发

jquery mobile load external page, events not getting triggered

jquery-mobile

jquery-mobile-pageshow