0

クラスは削除されますが、クラスは追加されません。.click()必要な機能を使用できませんonclick=""

<li class="selected"><a href="javascript:void(0);" onclick="myfunction(x,y,x)">Click me</a></li>
<li><a href="javascript:void(0);" onclick="myfunction(x,y,z)">Click me</a></li>

function myfunction(a,b,c){
    $('ul li.selected').removeClass('selected').addClass('none');
    $(this).closest('li').addClass('selected');
}
4

1 に答える 1

4

すでに jQuery を使用しているため、jQuery を使用してすべてのイベントを処理します。

このコードを追加します。

$(function(){

    // bind click event to your <a> tags
    $('a').click(function(e){
        // prevent the default behaviour of your links
        e.preventDefault();
        // remove the class from all li's
        $('li').removeClass('selected');
        // add selected to the clicked a's parent li
        $(this).parent('li').addClass('selected');
    });

});

次に、HTML を JavaScript からクリーンに保ちます

<li class="selected">
    <a href="#">Click me</a>
</li>
<li>
    <a href="#">Click me</a>
</li>

ps

PHP を入れたい場合は、次のように入れることができます。

// check out my 1337 php coding skillz!
<a href="#" data-foobar="<?php echo something ?>">Click Me</a>

次に、jQuery でアクセスします。

$(this).data('foobar');

pps 申し訳ありませんが、私の PHP コーディング スキルはくだらないものです。

于 2013-08-22T19:43:07.500 に答える