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

时间:2015-05-18 15:34:01

标签: jquery-mobile jquery-mobile-pageshow

我想转换到外部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>

有没有办法使用任何活动?

1 个答案:

答案 0 :(得分:1)

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

copy constructor

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