2013-10-07 64 views
0

我有4個元素,日期選擇器,滑動面板,新聞速遞和JQ碼頭。四個中的三個正在工作,但不僅僅與min jQuery庫一起工作。例如,下面的腳本都使用這個腳本源代碼。如何使用jQuerys no.Conflict()獲取多個元素?字符串

<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> 

工作我還應該指出的是,所有的元素使用腳本最小除了日期選擇器(使用全庫)工作。我看到了一個關於jQuery no.conflict()的解決方案; - 我嘗試過但仍然沒有快樂。我應該將所有元素放置在1個腳本標籤中,而不首先發生衝突嗎?這可能很簡單,專家,我不是那麼請容易對我:)。

+0

'noConflict()'可以像這樣使用。 'var $ j = jQuery.noConflict();'然後你使用'$ j'而不是'$'來進行jQuery調用。 –

+0

感謝您的建議。我試過了,問題仍然存在。我會研究Mike W提出的建議,看看是否有解決方案 – onejed

回答

0

這裏有兩個非常不同的jQuery版本。 jQuery 1.3.2中的一些功能已被棄用了很長時間,並在1.9.1中被刪除。同樣,新增的功能在1.3.2中不存在。

由於版本會使用全局jQuery對象,因此jQuery.noConflict不太可能有所幫助。你得到的版本將取決於你加載它們的順序。

我不知道jqDock做了什麼,但是你最好找一個使用當前jQuery的更高版本,或者不同的模塊來做同樣的工作。