jQuery UI滑塊與jQuery Mobile滑塊衝突

我正在構建一個jQuery移動網站，但也需要使用jQuery UI小部件 - 特別是滑塊。jQuery UI滑塊與jQuery Mobile滑塊衝突

問題是這些功能衝突。我真的希望jQm已經用'mobile-'前綴寫了他們的ui內容，但我現在應該認爲它可能已經太晚了。

這是我遇到的問題。如果我在jquery mobile jquery ui滑塊工作之後加載jquery ui - 很好，但是我的自定義頁面轉換不起作用，毫無疑問，jQm中的其他東西的加載被覆蓋，我還不知道。

如果我這樣做，反過來jQuery手機自定義轉換的工作，但然後jquery ui滑塊dont，因爲他們使用jQm滑塊，而不是。

我不能使用jQm滑塊，因爲我需要垂直選項和jQuery UI滑塊的其他功能。

我在尋找的是一種解決方案，它不涉及我的黑客或者jQuery UI或jQuery Mobile，因爲我不想在每次更新jQm/jUI時都做這些更改（如果可能的話）。那麼是否有一種方法可以加載jquery ui，這樣我就可以調用其前綴爲'ui-'或jQuery mobile的函數，以便其衝突函數以'mobile'作爲前綴，可能在我的jqm自定義js中的移動init函數中？

我在這裏找到了一些東西https://github.com/aFarkas/jMediaelement/issues/17 並試過代碼，但不能使它在我的函數中工作。

任何想法？

來源

2012-04-13 David O' Sullivan

我真的迫切需要一個答案，請，請人？ – 2012-04-18 15:44:44

-1

這是一種解決方法，不完全是修復。我使用JQM下載構建器，除滑塊之外的所有選項都被選中，因爲我使用的是jQ-ui滑塊。問題解決了，但我現在不能使用JQM滑塊。不是我需要。

來源

2013-01-01 13:24:07

OP狀態他需要兩者。 – James 2014-09-18 14:44:45

這對我有效。如果其他人有同樣的問題。我只好到下一行jQuery UI的經過和jQuery移動

$.fn.uislider = $.fn.slider;

前的代碼示例將補充：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
<script> 
    // rename to avoid conflict with jquery mobile 
    $.fn.uislider = $.fn.slider; 
    </script> 
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
<script> 
    $(function() { 
    $("#slider").uislider(); 
    }); 
    </script>

來源

2013-11-18 08:26:24

jQuery UI滑塊與jQuery Mobile滑塊衝突

回答

相關問題