わかりました、これは非常に単純です..多分ばかげた質問です。しかし、私はこれを適切に機能させるためにかなり長い間試みてきましたが、何も機能していません。プラス/マイナス記号で切り替えるメニューがあります...このメニューはホームページでのみ機能し、それ以外は機能しません。コードは次のとおりです。
$(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 が言ったことを実行し、ヘッダー内の各スクリプトを 1 つずつ削除しました。ページをアンカーまでスクロールするこのスクリプト (以下にリスト) を削除すると、すべて正常に動作することがわかりました。ただし、両方のスクリプトを同時に実行したいと考えています。これがアンカースクロールスクリプトです。
// 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」までスクロールして戻ります。これが私のトグル メニューで機能しない理由がわかりません。両方のスクリプトを実行するための解決策がある場合は、お知らせください。