0

これはおそらく数秒で修正できるダムエラーですが、しばらく探していて、それを機能させる方法がわかりません

私は本質的にこのコードを持っていました `

  <!DOCTYPE html>
   <html>
   <head>
   <style>
   .box,
   button { float:left; margin:5px 10px 5px 0; }
   .box { height:80px; width:80px; background:#090; }
   #log { clear:left; }

   </style>
     <script src="http://code.jquery.com/jquery-latest.js"></script>
   </head>
   <body>

   <button id="btn1">fade out</button>
   <button id="btn2">show</button>

   <div id="log"></div>

   <div id="box1" class="box">linear</div>
   <div id="box2" class="box">swing</div>

   <script>
   $("#btn1").click(function() {
     function complete() {
       $("<div/>").text(this.id).appendTo("#log");
     }

     $("#box1").fadeOut(1600, "linear", complete);
     $("#box2").fadeOut(1600, complete);
   });

   $("#btn2").click(function() {
    $("div").show();
     $("#log").empty();
   });

   </script>

   </body>
   </html>

` それで、ワードプレスで動作させたかったので、スタイルを css に移動し、ここにあるように footer.php に移動しました

`

                <?php wp_enqueue_script("jquery"); ?>
                <script>
$("#btn1").click(function() {
function complete() {
$("<div/>").text(this.id).appendTo("#log");
}

$("#box1").fadeOut(1600, "linear", complete);
$("#box2").fadeOut(1600, complete);
});

$("#btn2").click(function() {
$("#box1").show();
$("#box2").show();
$("#log").empty();
});

</script>

`

http://testdomain.edgardoroldanonline.com/testpage/

しかし、それは機能しません wp_enquenue を配置し、jquery の異なるバージョンでの干渉のような潜在的な問題として見ることができるすべてのものを配置しましたが、何が問題を引き起こしているのかわかりません。 htmlコードで動作しました。ビジュアルエディタがそれを取り除くまで

4

1 に答える 1

1

JavaScript エラーが発生しました。

/testpage/:233 Uncaught TypeError: null のメソッド 'click' を呼び出せません

jQueryを初期化する必要があります

jQuery(function(){
    jQuery("#btn1").click(function() {

        function complete() {
          jQuery("<div/>").text(this.id).appendTo("#log");
        }

        jQuery("#box1").fadeOut(1600, "linear", complete);
        jQuery("#box2").fadeOut(1600, complete);
    });

    jQuery("#btn2").click(function() {
    jQuery("#box1").show();
    jQuery("#box2").show();
    jQuery("#log").empty();
    });
});
于 2012-04-07T01:53:16.040 に答える