javascript - jQuery .slideToggle() 関数が機能しない

Question

スライド効果のあるショーコンテンツの jQuery コードをいくつか見つけましたが、どれも機能しません。

Javascript コード:

 $('#clickme').click(function() {
        $('#pic').slideToggle('slow', function() {
        });
    });

HTML:

<div id="clickme">
        click here</div>
    <img id="pic" src="Img/Gallery/123.jpg" />

「クリックしてください」divをクリックしても何も起こりません。私もこれを試しました：

$("div").click(function () {
  $(this).hide("slide", { direction: "down" }, 1000);
});

しかし、再び、何も起こりません。何が問題ですか？ありがとう！

score 1 · Accepted Answer

それが機能する2つの方法があります：

1）ヘッダーに次のコードを追加します

$(document).ready(function () {
$("div").click(function () {
$('#pic').slideToggle('slow', function() {
    });
});
});

2）最後のdivの後にコードを配置してください！

そして明らかに、jqueryファイルを含める必要があります！例えば：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

score 1 · Accepted Answer

1

コードを入れる

 $(document).ready(function(){
    // Your code here    
 });

于 2012-06-15T14:31:01.207 に答える

score 1 · Accepted Answer

に次の行を追加して、jQuery をロードする必要がありますhead。

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

score 1 · Accepted Answer

コードを次のように変更することもできます。

   $("div").on("click", function () {
        $(this).hide("slide", { direction: "down" }, 1000);
   });

score 1 · Accepted Answer

このjsfiddleをチェックして、実際の例を確認してください。) ところで、slideToggle に空の関数を渡す必要はないと思います。

onload唯一の違いは、JavaScript を関数としてではなく実行しようとすることだと思います。「clickme」要素が見つからないため、イベントハンドラー関数が呼び出されません。

5 に答える 5