Jquery移动前置器不工作

Jquery移动前置器不工作,jquery,asp.net-mvc,asp.net-mvc-4,jquery-mobile,Jquery,Asp.net Mvc,Asp.net Mvc 4,Jquery Mobile,我有下面的功能,这是我的手机页面。当DOM就绪但前置程序似乎不起作用时,会触发警报。我做错什么了吗?我正在研究MVC4 $(document).on("pageinit", function () { alert("This works but prepend doesn't"); $('#Div').prepend('<div id="DivMenu">My Menu</div>'); }); <div id="Div">Hello<

我有下面的功能,这是我的手机页面。当DOM就绪但前置程序似乎不起作用时,会触发警报。我做错什么了吗?我正在研究MVC4

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

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

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

更新:调试器显示为跳过前置

您不应该在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.findwrapper匹配元素;因此,您无需在整个页面中爬行以匹配一个元素,这将使您的生活更加轻松,并使管理多个页面更加容易。

我将id更改为小写,但似乎没有解决此问题。我也把它改成了一个命令。谢谢你的回答!您可以从控制台中选择元素吗?您尝试选择的元素在您尝试运行它时是否存在?谢谢您的努力!我发现了问题!再次感谢您!