在特定媒體查詢後加載JqueryMobile文件的腳本

我開始嘗試使用JqueryMobile，但一些JqueryMobile腳本與非jqueryM菜單等其他東西衝突，所以我想只執行那些JqueryMobile腳本，只能從768px或更低或這些媒體查詢：和在特定媒體查詢後加載JqueryMobile文件的腳本

任何想法如何做到這一點，一直在考慮如何做到這一點，而不是與他們成功，所以我希望你們可以給我更新鮮的想法。我的網站是thjis：http://pugle.net/test2/index.php 問題是，JqueryM腳本不允許點擊主菜單上的鏈接，這個主菜單顯示768px之前..所以這就是爲什麼我想JqueryM腳本加載到任何768px屏幕下。

so THANX GUYS！

來源

2014-01-17 abonini

也許awesome media queries in JavaScript可以幫助你。這是很容易實現 - 在這裏是一個什麼樣的可能的解決方案可能會喜歡看一個例子：

enquire.register('only screen and (max-width: 768px)', { 
    match: function() { 
    $.getScript('jquery.mobile-1.3.1.min.js', function() { 
     ... 
    }); 
    }, 
    unmatch: function() { 
    ... 
    } 
});

來源

2014-01-17 01:31:24 WynandB

感謝名單Wynand，那種對JS初學者，你會穿上那些....或$ .getScript（」 jquery.mobile-1.3.1.min.js'，function（）{...（什麼時候放在這裏）}）; - 有什麼console.log（）像在示例網站你給我thanx。 – abonini

使用'.getScript'，第二個參數是一個可選的_success_回調函數，並在腳本加載後觸發。然後，您可以安全地執行jQuery Mobile特定的代碼或任何其他依賴於它的代碼。使用'enquire.register'，_unmatch_也是一個可選的回調函數，並在媒體查詢從匹配狀態變爲不匹配時觸發。根據你想要完成的目標，你可能想要在_match_或'.getScript' _success_回調中爲某個容器元素添加一個特定的類名，將其移除到_unmatch_回調中，並將其映射到特定的JS/CSS 。 – WynandB

Thanx Wnyand，但這個解決方案不適合我，因爲你建議，JS媒體查詢，就像這些傻瓜雖然（因爲你可以看到我的水平嘿嘿） – abonini

在特定媒體查詢後加載JqueryMobile文件的腳本

回答

相關問題