jQuery mobile css和js不適用於加載.load（）的內容

so..here這裏是場景
我有一個頁面data-role =「page」和一個頁眉容器和頁腳divs - 正常的jquery移動頁面結構。jQuery mobile css和js不適用於加載.load（）的內容

現在在我的內容div我有兩個div。在其中一個div中，我正在加載一些其他內容動態地具有指定了數據角色的按鈕和文本框。

現在的問題：

而在div加載新頁面，移動控件，而不是它們看起來像普通的HTML控件控件不顯示。這可能是由於在dom準備好後他們正在加載，他們沒有獲得jqm js和css。

以下是頁面結構。

 <html> 
    <head> 
    <link rel="stylesheet" href="styles/jquerymobile.css" type="text/css" /> 
    <script src="scripts/jquery.js"></script> 
    <script src="scripts/jquery.mobile.js"></script> 
    </head> 
    <body> 
    <div data-role="page"> 
    <div data-role="header"> 
    </div> 
    <div data-role="content"> 
    <div id="static_content"></div> // no problem to this. 
    <div id="dynamic_content"></div> // dynamic content used .load() - no jqm css loaded :(
    </div> 
    </div> 
    </body> 
    </html>

任何幫助將不勝感激。

來源

2012-06-04 Alex

您將不得不將您的內容加載到jQuery移動事件結構中。看到這裏的細節： http://jquerymobile.com/demos/1.1.0/docs/api/events.html

我用了「pagecreate」事件修改內容之前，它是由jQuery的增強，像這樣：

obj_out.add "$('div').live('pagecreate',function(event){" & vbNewLine 
    obj_out.add " $('.jsvisible').show();" & vbNewline 
    obj_out.add " $('.jshidden').hide();" & vbNewline 
    obj_out.add " $('.nojs').removeClass('nojs');" & vbNewline 
    obj_out.add "});" & vbNewline

來源

2012-06-04 06:50:07 gpinkas

可以調用頁面窗口部件的構造已加載後您的動態內容

$("div[data-role='page']").page('destroy').page();

來源

2012-06-04 06:56:57

對不起，它沒有爲我工作。它仍然顯示html控件 – Alex

對不起，我忘記了包含頁面銷燬命令。它已被編輯。 –

嘿@Alex，只是跟進，做了.page（'destroy'）。page（）爲你工作？ –

jQuery mobile css和js不適用於加載.load（）的內容

回答

相關問題