0

このフライアウト コンタクト パネルを作成しました。Wordpress サイトに入れるまでは問題なく動作していましたが、その後はまったく動作しなくなりました。これが行うべきことは次のとおりです。

http://jsfiddle.net/XwTpE/1/

最初に入れるjQuery(document).readyと動き始めたのですが、今は閉じません！閉じるボタンを押すと、再び開きます。実際、ページ上のどこをクリックしても、ページが再び開くことに気付きました。ここでデモを参照してください：

http://jsfiddle.net/q9b7M/1/

うまくいけば、これは簡単に修正できます！どんな助けでも大歓迎です。ありがとう！

4

2 に答える 2

0

それはDOM Ready handlerの使い方ではありません:

jQuery(function ($) { //shorthand for DOM Ready, put your code inside of it
  $('#contactFlyout').click(function () {
    $(".togglepanel:visible").hide();
    $("#contact_panel").animate({
      width: 'toggle',
      height: 'toggle'
    }, 200);
  });
  $('.closeDiv').click(function () {
    $(".togglepanel:visible").animate({
      width: 'toggle',
      height: 'toggle'
    }, 200);
  });
});

フィドル

特殊な構文は、jQuery をDOM 対応ハンドラー スコープ内jQuery(function($){})にエイリアスするため、WP にとって非常に便利です。$何度も入力したくない場合に非常に便利ですjQuery。

于 2013-01-12T20:57:16.830 に答える
0

必要なもの:

jQuery(document).ready(function() {
  jQuery('#contactFlyout').click(function()
 {
    jQuery(".togglepanel:visible").hide();
    jQuery("#contact_panel").animate({width:'toggle',height:'toggle'},200 );
});

// the close button
$('.closeDiv').click(function()
 {
    jQuery(".togglepanel:visible").animate({width:'toggle',height:'toggle'},200 );

});
});

参照: http://jsfiddle.net/DcRHh/2/

または、ファブリシオが指摘したように省略形を使用できます。他のスクリプトとの競合を避けるために何をしているのかを理解していない限り、私は Wordpress 内で $ を介して jQuery を使い続けるでしょう。

于 2013-01-12T20:57:44.503 に答える