Jquery mobile jQuery Mobile:页面在刷到时未完全加载

Jquery mobile jQuery Mobile:页面在刷到时未完全加载,jquery-mobile,Jquery Mobile,今天我用jQuery Mobile准备了一些PHP页面。它应该能够从一个页面滑动到另一个页面 一般来说,刷卡是有效的,但有一个问题:当我刷到一个新页面时,刷卡不会首先在该页面上起作用。只有当我重新加载页面时,它才能再次工作。重新加载之前的页面源是正常的 在我看来,当我浏览到一个新页面时,并不是所有包含的内容都被执行。如何解决这个问题?例如: 同时,我还解决了这个问题:我使用了documentready事件,当jquerymobile加载新页面时不会触发这个事件。因此绑定刷卡事件的javascri

今天我用jQuery Mobile准备了一些PHP页面。它应该能够从一个页面滑动到另一个页面

一般来说,刷卡是有效的,但有一个问题:当我刷到一个新页面时,刷卡不会首先在该页面上起作用。只有当我重新加载页面时,它才能再次工作。重新加载之前的页面源是正常的

在我看来,当我浏览到一个新页面时,并不是所有包含的内容都被执行。如何解决这个问题?例如:


同时,我还解决了这个问题:我使用了documentready事件,当jquerymobile加载新页面时不会触发这个事件。因此绑定刷卡事件的javascript代码没有执行。我不得不改用JMs pageinit事件。在解决了一些其他问题后,现在我的页面上的刷卡工作正常:
向您致意-Ulrich

与此同时,我阅读了pageload手册,并切换到容器对象的加载功能。也更新到1.4.2版。不幸的是,这并没有解决问题。我注意到按钮工作正常。只有在刷卡时才会出现问题。无法理解这一点,因为相同的函数用于更改页面。您应该添加示例代码。并将jQuery1.9与jQM1.4结合使用这是我代码的第一部分:$(document).on(“mobileinit”,function(){$.mobile.defaultPageTransition=“slide”;);sedond部分在这个文件中:(无法格式化代码。没有代码标记吗?)没有特殊的标记,只需在代码前留下至少“四”个空格。
$(document).ready(function () {
    var urlup, urlleft, urlright;
    $('img').on('dragstart', function (event) {
        event.preventDefault();
    });
    $('img').each(function (i) {
        if (this.src.indexOf("buttonup.png") >= 0) {
            urlup = this.parentNode.href;
            this.id = "buttonup";
        } else if (this.src.indexOf("buttonleft.png") >= 0) {
            urlleft = this.parentNode.href;
            this.id = "buttonleft"
        } else if (this.src.indexOf("buttonright.png") >= 0) {
            urlright = this.parentNode.href;
            this.id = "buttonright";
        } else {};
    });
    //$.mobile.loadPage(urlup);
    //$.mobile.loadPage(urlleft);
    //$.mobile.loadPage(urlright);
    $(":mobile-pagecontainer").pagecontainer("load", urlup);
    $(":mobile-pagecontainer").pagecontainer("load", urlleft);
    $(":mobile-pagecontainer").pagecontainer("load", urlright);
    $(document).on("swipeup", function () {
        $.mobile.changePage(urlup);
    });
    $(document).on("swipeleft", function () {
        $.mobile.changePage(urlright);
    });
    $(document).on("swiperight", function () {
        $.mobile.changePage(urlleft, {
            reverse: true
        });
    });
    $("#buttonup").click(function () {
        $.mobile.changePage(urlup, {
            transition: "slideup"
        });
    });
    $("#buttonleft").click(function (event) {
        event.stopPropagation();
    });
    $("#buttonleft").click(function () {
        $.mobile.changePage(urlleft, {
            reverse: true
        });
    });
    $("#buttonright").click(function () {
        $.mobile.changePage(urlright);
    });
});