0

私はjQueryが初めてです。ユーザーが矢印をクリックするとスライドするメニューで遊んでいます。私が使用した：

$(document).ready(function(){
$('.userArrow').click(function(){
$('#dropdown-1').slideToggle(300);
});//end click
});//end ready


<div id="dropdown-1" class="dropdown-menu has-tip">
    <ul>
        <li><a href="#1">Item 1</a></li>
        <li><a href="#2">Item 2</a></li>
        <li><a href="#3">Item 3</a></li>
        <li class="divider"></li>
        <li><a href="#4">Item 4</a></li>
        <li><a href="#5">Item 5</a></li>
        <li><a href="#5">Item 6</a></li>
    </ul>

           </div>
        <a id="name_header">
<span class="pic">
  <?php echo $link?>
</span>
<?php echo ''.$user_data['first_name'];?>
<img class="userArrow"  width="7" height="5" alt="" src="images/arrow.png">
</a>

2回クリックしたときにのみ機能します。1回クリックするだけで機能するイベントは他にありますか? ありがとう

4

3 に答える 3

2

コード サンプルを見ると、dropdown-1 の開始 div を閉じていません。これが問題の根源である可能性があります。あなたのjQueryは問題ないようです。

于 2012-07-21T09:08:15.790 に答える
1

Fraser が言ったように、あなたのコードは unclosed 以外は問題なく見えますdiv。

これはおそらく、代わりにボタンを使用するだけでよいことです。

于 2012-07-21T09:12:55.633 に答える
1

コードを変更し、ワンクリックで動作するようになりました:

$(document).ready(function(){
$('.userArrow').toggle(function(){
$('#dropdown-1').slideToggle(300);
 },function(){
 $('#dropdown-1').hide();
 }
 );//end toggle
 });//end ready

みんなに感謝！

于 2012-07-21T09:15:54.507 に答える