2012-04-20 66 views
0

實際內容我有一個空div一個jQuery Mobile的網頁,我想內容加載到這個div像這樣:jQuery Mobile的負荷過注入內容

單獨的js腳本

$('#myPage').live('pagebeforecreate', function(event) { 
    $("#content").html('<p>My html</p>'); 
}); 

HTML

<div data-role="content" id="content"> 
</div> 

一旦頁面加載,我可以看到我的內容就像第二,但在那之後jQuery Mobile的只顯示空div。我如何防止並保留我的內容?我使用了pagebeforeload事件,因爲我希望jQuery Mobile提高我的標記。

回答

1

退房爲pagebeforeload事件的文檔:

pagebeforeload

作出任何負載請求之前觸發...

來源:http://jquerymobile.com/demos/1.1.0/docs/api/events.html

pagebeforeload只對網頁上觸發通過AJAX帶來的,所以,當這事件觸發時,#content元素不存在。

注意本文節選自同一個文件頁面:

頁面加載

後的頁面加載成功與插入深度觸發。

這是您想使用它發射的所有網頁,而不只是外在因素的情況下,或pageinit。我相信pageload事件在頁面實際被初始化之前觸發,所以添加到HTML的所有小部件都應該自動初始化。

+0

我混了pagebeforeload與pagebeforecreate事件,我向你道歉了這一點。不過,我仍然有同樣的問題。我還應該提到,我嘗試了給出相同結果的pagecreate事件。 – Dan 2012-04-20 23:18:07