jQuery UIスライダーとjQueryモバイルスライダーとの競合

Question

jQueryモバイルサイトを構築中ですが、特にスライダーのjQuery UIウィジェットを使用する必要があります。

問題は、これらの機能が競合していることです。私は本当にjQmがuiのものを 'mobile-'という接頭辞で書いておきたいと思っていますが、今はそれが遅すぎると考えるべきです。

これは私が抱えている問題です。 jqueryの後にjqueryをロードすると、jqueryのuiスライダがうまく動作しますが、私のカスタムページの遷移は機能しません。また、jQmの他のものも、私がまだ分かりませんが上書きされます。

jQueryモバイルカスタムトランジションの代わりに、jQueryスライダを使用するため、jQueryモバイルスライダを使用しないでください。

jQmスライダは垂直オプションやjQuery UIスライダのその他の機能が必要なので使用できません。

私が探しているのは、可能であればjQm/jUIのすべてのアップデートでこれらの変更を行う必要がないため、jQuery UIまたはjQuery Mobileをハッキングしないような解決策です。それで、jquery UIをロードして、 'ui-'またはjQuery mobileという接頭辞を持つ関数を呼び出すことで、その競合する関数に「mobile」という接頭辞が付いてくるようにする方法がありますか？

私はここに何かを見つけましたhttps://github.com/aFarkas/jMediaelement/issues/17 とコードを試みたが、私の機能で動作することができません。

アイデア？

Answer 1

これは回避策ですが、まさに修正ではありません。 jQ-uiスライダーを使用しているため、スライダー以外のすべてのオプションをチェックしてJQMダウンロードビルダーを使用しました。 JQMスライダーを使用できないことを除いて、問題は解決しました。私が必要とするものではありません。

Answer 2

これは私のために働いた。他の人が同じ問題を抱えている場合。私は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>