Jquery Mobile Prepend不工作

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工作，你應該用一個（）命令你贏來運行pageinit事件時不需要它進行多次迭代。

最後，習慣於與$.mobile.activePage.find("#wrapper");匹配的元素，所以你不需要爬過整個頁面來匹配一個元素 - 它會讓你的生活變得更容易，並且更容易管理多個頁面。