-1

私のページにはこのようなリストがあります。

 <ul id="breadcrumbs" class="breadcrumbs-two">
        <li><a href="#" class="current"  id="a1">Step1</a></li>
        <li><a href="#"  id="a2">Step2</a></li>
        <li><a href="#"  id="a3">Step3</a></li>
        <li><a href="#"  id="a4">Step4</a></li>
        <li><a href="#"  id="a5">Complete</a></li>
    </ul>

リンクボタンをクリックすると、CSSクラスをタグに追加したいと思います。

css クラス :

 .breadcrumbs-two .current
    {
        background: #99db76;
    }

    .breadcrumbs-two .current, .breadcrumbs-two .current:after
    {
        border-left-color: #99db76;
    }

    .breadcrumbs-two .current, .breadcrumbs-two .current:before
    {
        border-color: #99db76 #99db76 #99db76 transparent;
    }

これどうやってするの？

私はこれで試しました

function addClass(dis) {
        dis.className += "current";
    }

 <li><a href="javascript:addClass(this)"  id="a1">Step1</a></li>

  <asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="addClass('a1')">Done</asp:LinkButton>

しかし、それは機能していません。

誰か助けてください。

よろしくお願いします

4

4 に答える 4

2

あなたの質問がナビゲーション メニューである場合は、これを試してみてください。これは、現在のプロジェクトで行ったことです。

 $('.breadcrumbs-two li a').click(function(){
        $(this).parent().parent().children('li').removeClass('current');
        $(this).addClass('current');
 });

1 つのリンクをクリックすると、選択したリンクの css が削除され.current、新しくクリックまたは選択されたリンクにクラスが配置されます。

<li>タグはクリックされるものだと思いました。多分あなたはこれを試すことができます：

$.fn.breadcrumb = function( content, title ){
    $(this).parent().parent().children('li').removeClass('current');
    $(this).addClass('current');
};

$('#LinkButton1').click(function(){
    $(this).breadcrumb();
});
于 2013-09-05T05:56:43.627 に答える
1

アクティブ、訪問、ホバー、リンクなどに基づいて、さまざまな色と css を指定できます。

a {
    outline: 0;
    text-decoration: underline;
}

a:link {
    color: #0099FF;
}

a:visited {
    color: #0099FF;
}

a:hover {
    color: #FFFF00;
}

a:active {
    color: #33FF66;
}
于 2013-09-05T05:13:34.337 に答える
0

これを試して：

$(document).ready(function(){
    $('.breadcrumbs-two a').click(function(){

        $('.breadcrumbs-two a').removeClass('current');
        $(this).addClass('current');

    })
})
于 2013-09-05T05:17:38.807 に答える
0

これをアンカータグのhrefに追加してください

javascript:addClass(this)

この関数を JavaScript で定義する

function addClass(dis)
{
   dis.className = dis.className + ' yourclass';
}
于 2013-09-05T05:14:14.673 に答える