0

私の問題は、アイテムがクリックされたときにliアイテムのクラスを変更しようとしていることです。私はそれに成功しましたが、問題は、クラスがliアイテムに与えられているが、クラスを保持できないことです。

私のhtmlとjqueryはこのようなものです

    $(document).ready(function () {        

            //On Click Event
            $("ul.tabs li").click(function () {

            $("ul.tabs li").removeclass("active"); //Remove any "active" class
            $(this).addClass("active"); //Add "active" class to selected tab                     

        });
    });

</script>

<div class="menu_nav">
     <ul class="tabs">
        <li><a href="default.aspx"><span>Home Page</span></a></li>
        <li><a href="support.aspx"><span>Support</span></a></li>
        <li><a href="aboutus.aspx"><span>About Us</span></a></li>
        <li><a href="services.aspx"><span>Services</span></a></li>
        <li><a href="contactus.aspx"><span>Contact Us</span></a></li>
    </ul>
</div>
4

2 に答える 2

2

$("ul.tabs li").addClass("active"); //「アクティブな」クラスをすべて削除します

上記のステートメントでクラスを追加しています。クラスを追加する代わりにremoveClass()メソッドを使用する必要があります

ライブデモ

$("ul.tabs li").removeClass("active"); //this will remove active class from all tabs
$(this).addClass("active"); //Add "active" class to selected tab
于 2012-12-15T08:48:35.227 に答える
0

あなたのコードは正しいですが、ここにタイプミスがあります:

$("ul.tabs li").removeclass("active");
             //   ----^----------------make "c" in caps "C"

リンクのデフォルトの動作を防止するようにしてください。そうしないと、ページが更新されます。

$("ul.tabs li").click(function (e) {
   e.preventDefault();
   // then all your code stuff here
于 2012-12-15T09:34:14.460 に答える