jquery-mobile - pagebeforecreate 在 jquery mobile 1.3.0 中不起作用

Question

下面的代码在使用 jQueryMobile 1.2.1 时运行顺利，但在使用 1.3.0 时，似乎没有触发 pagebeforecreate 事件。

1.2.1 版本：http : //www.karinedaelman.be/mobile.php 在单击“登录”按钮后尝试输入“hanne”。登录按钮将更改为“Uitloggen”，“...”按钮将更改为“相册”

带有 1.3.0 的版本http://www.karinedaelman.be/mobile3.php：执行与上述相同的操作将保持登录按钮和“...”按钮不变。

我怎样才能让它与 jQuery Mobile 1.3.0 一起工作？感谢您的任何建议

这是代码：

$("#thuisPage").on('pagebeforecreate', function(){
document.getElementById('mijnalbum').href= "foto-mobile.php?token=0xmsxqkos0nvzpvily09bwihyy9o1or";
document.getElementById('mijnalbum').innerHTML = "Album";
document.getElementById('inloggen').href = "#";
document.getElementById('inloggen').innerHTML = "Uitloggen";
$("#inloggen").click(function(){
    DelCookie("paswoord");
    window.location.reload(true);
});
});

Answer 1

由于您在 pagebeforecreate 之后进行的 DOM 工作，您可能想要尝试 pageinit。

$("#thuisPage").on('pageinit', function(){...});

如果你不介意我问你为什么决定使用常规的 javascript 来进行 dom 操作而不是 jquery 内置的选择器？

$('#mijnalbum').attr("href","foto-mobile.php?token=0xmsxqkos0nvzpvily09bwihyy9o1or");
$('#mijnalbum').html("Album");
$('#inloggen').attr("href","#");
$('#inloggen').html("Uitloggen");

document.getElementById('mijnalbum').href= "foto-mobile.php?token=0xmsxqkos0nvzpvily09bwihyy9o1or";
document.getElementById('mijnalbum').innerHTML = "Album";
document.getElementById('inloggen').href = "#";
document.getElementById('inloggen').innerHTML = "Uitloggen";