面板不工作在所有使用JQuery Mobile的頁面

嗨朋友我是jQuery手機新手，並試圖通過使用jQuery移動創建網站來學習東西。問題是我用data-role="panel"來顯示我的網頁上的導航工作正常，但當我跳轉到另一個頁面，它是在同一個HTML文件停止工作我不知道是什麼事情要解決這個問題需要你的幫助。 You can check fiddle here。在主頁面板做工精細，但是當我點擊關於我們有頁面跳轉的面板，但停止工作面板不工作在所有使用JQuery Mobile的頁面

請幫我傢伙..在此先感謝:)

來源

2014-02-18 Kamal

如果你想從任何訪問相同的面板頁面，您必須將面板div放在任何data-role="page"之外，然後您必須手動初始化它。這被稱爲外部面板。

<body> 
    <div data-role="panel" id="foo" data-theme="a"> 
    <!-- contents --> 
    </div> 

    <!-- pages here --> 
</body>

注意的外部面板不會自動繼承的主題，因此，你需要data-theme屬性添加到它。

.enhanceWithin()功能是增強面板內的所有小部件。它們不會自動初始化，所以需要初始化。

$(function() { 
    $("[data-role=panel]").enhanceWithin().panel(); 
});

將代碼放在JQM庫之後的頭部。

Demo

來源

2014-02-18 14:57:56 Omar

感謝審議@Omar ..如果你不介意將ü請分享小提琴這裏 – Kamal

@kamal肯定的是，她是一個演示http://jsfiddle.net/Palestinian/ 3qVJw/ – Omar

但在這個小提琴沒有側面板..：??? – Kamal

面板不工作在所有使用JQuery Mobile的頁面

回答

相關問題