好吧,這是一個非常簡單的..也許甚至愚蠢的問題。但我一直在嘗試很長時間才能正常工作,沒有任何工作。我有一個菜單,用加號/減號來切換...此菜單僅適用於主頁,但沒有其他任何東西。這裏是代碼:JQuery Menu Only在主頁上工作
$(document).ready(function(){
$('.gh-gallink').toggle(
function() {
$('.gallery_container').animate({
marginTop: "x",
}, 1000);
$('.jquerycssmenu ul li ul').animate({
marginTop: "x",
}, 100);
$('.jquerycssmenu ul li ul li a').animate({
height: "x",
}, 100);
$('#main').animate({
marginTop: "x",
}, 1000);
$(this).text('+');
}, function() {
$('.gallery_container').animate({
marginTop: "x",
}, 1000);
$('.jquerycssmenu ul li ul').animate({
marginTop: "x",
}, 100);
$('.jquerycssmenu ul li ul li a').animate({
height: "x",
}, 100);
$('#main').animate({
marginTop: "x",
}, 1000);
$(this).text('-');
});
});
該菜單工作正常,但再次..只在主頁上。當然,我的實際代碼中沒有x。但是,不管怎樣,代碼位於我網站的header.php文件中,並且只能在我網站的主頁上運行。我嘗試將「$(document)」更改爲「jQuery(Document)」,我也停用了所有插件,但菜單仍然只能在主頁上使用。
而且也,這裏是顯示切換按鈕的HTML:
<div class="gallerylink">
<a href="#" class="gh-gallink">
-
</a>
</div>
任何幫助,將不勝感激! :)
編輯:
我做了什麼花栗鼠說並逐一得到了我的頭去掉每個腳本。我發現,當我刪除這個腳本(下面列出),將頁面滾動到achor時,一切正常。但是,我仍然希望同時運行這兩個腳本。這是錨點滾動腳本。
// When the Document Object Model is ready
jQuery(document).ready(function(){
// 'catTopPosition' is the amount of pixels #invisiblebox
// is from the top of the document
var catTopPosition = jQuery('#invisiblebox').offset().top;
// When #scroll is clicked
jQuery('#scroll, #scrolls').click(function(){
// Scroll down to 'catTopPosition'
jQuery('html, body').animate({scrollTop:catTopPosition}, 'slow');
// Stop the link from acting like a normal anchor link
return false;
});
});
所以,當你點擊#scrolls,或#scroll ..它滾動備份到anchr 「#invisiblebox」。我不知道爲什麼這不適用於我的切換菜單。如果有人有解決方案讓這兩個腳本運行,請讓我知道。
這可能是一個愚蠢的問題,但你有沒有包括jQuery的在您的其他網頁? – Kyle
你確定你在其他頁面也有你的腳本嗎? –
@凱爾打敗了我。檢查你的腳本標籤,並確保jQuery正在被加載。檢查錯誤控制檯是否有任何明顯的「未知變量; $」,這是這一點的標誌。 –