1

私にとってJQueryのスライド効果が機能しませんか? 何度も試しましたが、何も起こりません。

最新バージョンのブラウザーを使用し、主要なすべてのブラウザーでテストしましたが、応答がありませんでした。

HTMLコードは次のとおりです。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript" >

</script>

<script type="text/javascript" >

$(function () {
    $("#slide_up_link").click(function () {
        $("#mydiv").slideUp("slow");
    });

    $("#slide_down_link").click(function () {
        $("#mydiv").slideDown("slow");
    });

    $("#toggle23").click(function () {
        $("#mydiv").slideToggle("slow");
    });

});


</script>
<style>
div#mydiv
 {
 border:  1px solid white;
  }


</style>

</head>

 <body>
 <button id="#slide_up_link">UP</ button>
   &nbsp;&nbsp;<buttonid="#slide_down_link">down</ button>&nbsp;&nbsp;

<button id="#toggle23">toggle</button>&nbsp;&nbsp;
 <div id="#mydiv" >
 <p>hai how are you </p><br>
  <p>i am fine </p><br>
 <p> bye</p><br>
  </div>
 </body>
 </html>

しかし、ボタンをクリックしても何も起こりません。なぜ？私はJQueryとjavascriptが初めてなので、簡単に説明してください。

4

2 に答える 2

2

HTML属性が原因で、jQueryセレクターが一致しません。一致id="#id"する必要がありますid="id"。は、の#ようなCSSセレクターで予約されている文字.です。
ここに簡単なフィドルがあります：http：//jsfiddle.net/v375N/2/

于 2012-10-08T17:40:08.427 に答える
1

ここにあります-> http://jsfiddle.net/2aLv4/

HTML を修正するだけで、JS は問題ありません。

HTML ID に # を使用しないでください。また、次のような行があります。

buttonid=

それも修正する必要があります。

于 2012-10-08T17:44:27.087 に答える