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