2013-01-07 22 views
4

我有一個使用Twitter Bootstrap構建的網站,但我想將可摺疊內容的jQuery Mobile的手風琴小部件合併在一起。我已經使用他們的download builder並只選擇手風琴部件。我認爲問題是核心jquery.mobile.js文件中還有一些代碼與bootstrap.js衝突,因爲它最終會改變我的鏈接在導航菜單中的行爲。它將每個常規鏈接視爲一個Ajax請求,這真的與我的應用程序有關。任何方式獨立使用jQuery手機小部件?

有沒有人有jQuery手機和Bootstrap的經驗?有沒有更改默認設置的方法,以便只操作手風琴窗口小部件?還是有更好的移動友好的替代方案?我衷心感謝任何幫助,我可以得到這個!

+1

你能創建一個jsfidlle或者你正在使用的wat的測試頁嗎?我會盡力給予一些幫助。 – Shail

+0

對不起,我應該在前一段時間添加我的解決方案。禁用鏈接的Ajax使應用程序正常運行。 – ChrisMoll

回答

0

前段時間我應該更新了這個。要禁用ajax,請運行:

$.mobile.ajaxLinksEnabled = false; 

這將導致所有鏈接被視爲普通錨點,使其與Bootstrap兼容。

+0

這對我不起作用。我得到'Uncaught TypeError:無法設置未定義的屬性'ajaxLinksEnabled'。我試圖在jQuery Mobile加載後設置它。搜索「ajaxLinksEnabled」,它不會出現在我使用的jQuery Mobile版本(v1.4.2)中的任何地方。 – Josh

+0

另外,我已經試過'的$(document).bind( 「mobileinit」,函數(){$ .extend($。移動,{ linkBindingEnabled:假的, ajaxEnabled:假 }); });' ,但那也行不通。 jQuery Mobile仍在修改頁面上的任何鏈接,*和*如果我將散列更改爲/// page#some-hash,它會自動將頁面重定向到/ page/some-hash。 – Josh

+0

您正在使用jquery註冊事件,但它將在init中由jqm調用。所以代碼應該放在jquery include和jqm include之間。你這樣做的方式,在你註冊事件的時候,它已經被分派了。 – ChrisMoll

相關問題