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個腳本標籤中,而不首先發生衝突嗎?這可能很簡單,專家,我不是那麼請容易對我:)。
'noConflict()'可以像這樣使用。 'var $ j = jQuery.noConflict();'然後你使用'$ j'而不是'$'來進行jQuery調用。 –
感謝您的建議。我試過了,問題仍然存在。我會研究Mike W提出的建議,看看是否有解決方案 – onejed