0

日付ピッカー、スライド パネル、ニュース ティッカー、JQ ドックの 4 つの要素があります。4つのうち3つは機能していますが、最小jQueryライブラリでしか機能しないものは1つです。たとえば、以下のスクリプトはすべて、このスクリプト ソースで動作します。

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(function($) {

        // eBusiness Card   

        $('#panelHandle').hover(function() {
            $('#sidePanel').stop(true, false).animate({
                'left': '2px'
            }, 900);
        }, function() {
            jQuery.noConflict();
        });

        $('#sidePanel').hover(function() {
            jQuery.noConflict();
        }, function() {

            jQuery.noConflict();
            jQuery('#sidePanel').animate({
                left: '-223px'
            }, 800);

            }); 
        });

        // Opening Tabbed Content

        // run the jquery ui plugin
        $('.CardHolder > div > a').tabs();

        // grab the url
        var url = document.aboutusCoaches.html;
        // grab the value of the hash
        var hashValue = url.substring(url.indexOf('#')).replace('#', '');

        // check to make sure it is a number
        if (!isNaN(hashValue)) {
            // set the active tab
            $('.ProfileMenu > ul > li > a').tabs("option", "selected", hashValue);
        }               



</script>

<script type="text/javascript">

jQuery(function () {

  $("#datepicker1").datepicker({
      inline:true,
      dateFormat: "d MM yy",
      showOn: "both",
      buttonImage: "Images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Calendar",
      minDate: new Date(2013, 10, 18),
      maxDate: new Date(2013, 10, 21),
      defaultDate: "today",
      numberOfMonths: 1,

  });

  $("#datepicker2").datepicker({
      inline:true,
      dateFormat: "d MM yy",
      showOn: "both",
      buttonImage: "Images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Calendar",
      minDate: new Date(2013, 10, 26),
      maxDate: new Date(2013, 10, 29),
      defaultDate: "today",
      numberOfMonths: 1,

  });

});

</script>

<script type="text/javascript"><!-- Banner Ticker -->

  jQuery(function(){
      $('#newsticker-container').newsTicker();      
    });

</script><!-- Banner Ticker End -->

次に、jqDock はこの最小スクリプト ソースでのみ動作します

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

        $(function(){
            var jqDockOpts = {align: 'right', duration: 200, labels: 'tc', size: 55, distance: 85};
            $('#jqDock').jqDock(jqDockOpts);
        });

</script>

また、datepicker (完全なライブラリを使用する) を除いて、すべての要素が min スクリプトを使用して機能することも指摘しておく必要があります。jQuery no.conflict(); について話すソリューションを見ました。-私は試しましたが、まだ喜びはありません。すべての要素を 1 つのスクリプト タグ内に配置し、競合がないことが最初に来るようにする必要がありますか? これはおそらく専門家にとっては簡単なことですが、私はそうではありませんので、気楽にやってください:)。

4

1 に答える 1

0

ここには、jQuery の 2 つの非常に異なるバージョンがあります。jQuery 1.3.2 に存在する関数の一部は長い間非推奨であり、1.9.1 で削除されました。同様に、1.3.2 には存在しない新しい機能が追加されました。

どちらのバージョンもグローバル jQuery オブジェクトを使用するため、jQuery.noConflict が役立つ可能性は低いです。どのバージョンを取得するかは、ロードする順序によって異なります。

jqDock が何をするのかはわかりませんが、現在の jQuery を使用する新しいバージョンを探すか、同じ仕事をする別のモジュールを探すことをお勧めします。

于 2013-10-07T20:29:37.250 に答える