Question

我的手机页面下方有以下功能。当DOM准备就绪时会触发警报，但前置似乎不起作用。我在这里做错了吗？我正在研究MVC 4.

$(document).on("pageinit", function () {
    alert("This works but prepend doesn't");

    $('#Div').prepend('<div id="DivMenu">My Menu</div>');
});

<div id="Div">Hello</div>

更新：调试器显示它跳过前置。

Answer 1

您不应在HTML元素属性中使用大写字符，因此：

$(document).one("pageinit", function () {
    alert("This works but prepend doesn't");

    $('#wrapper').prepend('<div id="div-menu">My Menu</div>');
});
<div id="wrapper">Hello</div>

使用jQueryMobile时，您应该使用one（）命令运行pageinit事件，因为您不需要绑定多次迭代。

最后，习惯于将元素与$.mobile.activePage.find("#wrapper");匹配，这样您就不需要遍历整个页面来匹配元素 - 它会让您的生活变得更轻松，并且可以更轻松地管理多个页面。

Jquery Mobile Prepend不工作

1 个答案: