WP側欄jQuery切換不起作用

只要我採用腳本src代碼，jQuery切換到我網站的右側欄即停止工作。它應該仍然工作，因爲jquery被安裝在我的網站上的其他插件加載，但事實並非如此。WP側欄jQuery切換不起作用

切換打開了，當你點擊預約。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>* 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('a.res-toggle').click(function() { 
     $('#reservation-box').toggle(400); 
     return false; 
    ); 
}); 
</script>

如果我堅持這個代碼

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

然後在我的網站滑塊不工作的權利，因爲它試圖導入最新的jQuery和他們崩潰我猜。

來源

2013-02-08 Extelliqent

我遇到過不止一次加載jQuery庫會導致頁面崩潰的問題。如果這種情況總是發生，我現在不會這樣做，但也許只嘗試一個實例？ – asifrc 2013-02-09 01:39:37

在這種情況下，側邊欄不工作.. – Extelliqent 2013-02-11 02:01:55

考慮到Wordpress加載jQuery在無衝突模式下，您應該使用'jQuery（document）.ready（function（$）{...'and ** then * *你的腳本不需要加載jQuery兩次就可以工作。 – adeneo 2013-02-18 00:58:19

其中一個解決方案將是該代碼塊移動到單獨的文件說，togglefunctionality.js並把它放在你的/ wp-includes/js/jquery /目錄下，然後像下面這樣調用它。

<script type="text/javascript"> 
$(document).ready(function() { 
$("#side-res-open").click(function() { 
$('#reservation-box').toggle(400); 
    return false; 
}); 
}); 
</script>

如果仍然看到了一些衝突，並希望有這只是在網頁上。然後用jQuery替換$，你應該回家。

來源

2013-02-21 21:09:17 defau1t

首先是 - 不使用額外的jQuery包括

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

然後，在不衝突模式使用jQuery： http://api.jquery.com/jQuery.noConflict/

來源

2013-02-21 13:48:21 Vaclovas

WP側欄jQuery切換不起作用

回答

相關問題