好吧,这很简单......甚至可能是愚蠢的问题。但是我已经尝试了很长时间才能使其正常工作并且没有任何效果。我有一个菜单,用加号/减号切换......这个菜单只适用于主页,但没有别的。这是代码:
$(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>
任何帮助将不胜感激! :)
修改
我做了Chipmunk所说的话,一个接一个地删除了标题中的每个脚本。我发现当我删除这个将页面向上滚动到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 ..时,它会向上滚动到锚点“#invisiblebox”。我不知道为什么这对我的切换菜单不起作用。如果有人有解决方案让两个脚本都运行,请告诉我。