Question

我使用jquery移动面板，我想使用toggleClass函数在“.ui-block-b”中添加类“ui-block-bw”后按“#browsea，它的工作原理只有这样：

首先点击 - ＆gt;切换第二次点击 - ＆gt;没有第三次点击 - ＆gt;肘节

  <div data-role="panel" id="browse"  data-position="left" data-display="push">
                        <!-- panel content goes here -->
                    </div><!-- /panel -->   
     <div class="ui-grid-d header-grid">
                                <div class="ui-block-a"><div class="ui-bar ui-bar-e"><img src="img/logo.png"  id="logo" /></div></div>
                                <div class="ui-block-b"><div class="ui-bar ui-bar-e"><a href="#browse" data-role="none" id="browsea"><img class="menu-sprite" src="img/pixel.png"  alt="Browse" />Browse</a></div></div>
                                <div class="ui-block-c"><div class="ui-bar ui-bar-e"><a href="#browse" data-role="none" id="usera"><img class="user-sprite" src="img/pixel.png"  alt="User" /></a></div></div>
                                <div class="ui-block-d"><div class="ui-bar ui-bar-e"><a href="#browse" data-role="none" id="searcha"><img class="search-sprite" src="img/pixel.png"  alt="Search" /></a></div></div>
                                <div class="ui-block-e"><div class="ui-bar ui-bar-e"><a href="#carta" data-role="none" id="carta"><img class="cart-sprite" src="img/pixel.png"  alt="Cart" /></a></div></div>
                            </div><!-- /grid-c -->
       <script>

            jQuery(document).ready(function() {
                jQuery('#browsea').click(function(){
                jQuery('.ui-block-b').toggleClass('ui-block-b-w'); 
                });
            });

        </script>

Jquery移动面板和切换类

0 个答案: