3

私はこれで完全に途方に暮れています。$ を jQuery に変更し、noConflict を使用してみました。toggle コマンド、href onClick を使用してみましたが、show/hide メソッドを試してみましたが、このテーマでは何も機能していないようです。すべてのプラグインを無効にしましたが、これも役に立ちませんでした。このサイトはすでに jquery ライブラリをロードしており、他の多くの要素が jQuery で動作しています。

これをトラブルシューティングする際に、同様の問題を抱えて克服できた人々からの助けは素晴らしいでしょう! ありがとう！

ジャバスクリプトは

$.noConflict();
jQuery(document).ready(function(){

    jQuery("#slidingTopBar").hide();
    jQuery(".show_hide").show();

jQuery('.show_hide').click(function(){
jQuery("#slidingTopBar").slideToggle();
});

});

divをトリガーするために使用されるhtmlは

<div id="TopBar"><a href="#" class="show_hide">SHOW</a></div>

そして、div が表示されると、次のように、この div 内に近い div があります。

<div id="slidingTopBar"><div id="closebar"><a href="#" class="show_hide">CLOSE</a></div></div>

CSS（ここに何かがある場合に備えてすべて）は

#slidingTopBar
{ 
background:#199651;
display:none;
position: absolute;
height:250px;
width:100%;
left:0px;
top:0px; 
z-index:9999;
}
#TopBar{
position: absolute;
z-index: 9999;
height: 40px;
width: 40px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#closebar{
position: absolute;
right:10px;
bottom: 10px;
width:35px;
height:35px;
z-index:9999;
background-repeat: no-repeat;
cursor: pointer;
}

実際のワードプレス サイト (動作していません) はこちら(右上のボタンがトリガーされます)

ここではhtmlファイルとして動作しています

4

3 に答える 3

0

これをjqueryの最初の部分に使用すると、うまくいくはずです。

$(document).ready(function(){
  $("#slidingTopBar").click(function(){
    $(".showhide").toggle();
  });
});
于 2013-08-11T22:26:09.573 に答える
0

クロムでコンソールを見てください（右クリックして要素を調べます）。エラーがあります。jquery ライブラリがページに挿入される前に、jquery コードを実行しようとしています。

于 2013-08-11T22:26:52.700 に答える