1

今日、私は次の問題を抱えています。クリックしたアクティブリンクで強調されるスクリプトを事前に作成したいと思います。どうすればいいのかわからない。アドバイスいただけませんか？？

アイデアはありますが、それが良い解決策かどうかはわかりません。

cssクラスを用意したほうがいいと思います。次のようになります。

.active {
text_decoration: underline;
}

メソッド .addClass("active") と removeClass("active") を使用すると思います

簡単なコードを用意したのですが、うまく動きません。

$(function(){

    $("li input").on( "click", function(e) 
    {
        $(this).addClass("active");
    });
});

最近、前の要素（オブジェクト）で下線を削除する方法がわかりません

<ul>
                    <li><input type="button" onClick="Clock(0)" value="MADRID" name="MADRID"/></li>
                    <li><input type="button" onClick="Clock(0)" value="AMSTERDAM" name="AMSTERDAM"/></li>
                    <li><input type="button" onClick="Clock(4)" value="ABU DHABI" name="ABU DHABI"/></li>
                    <li><input type="button" onClick="Clock(1)" value="LONDON" name="LONDON"/></li>
                    <li><input type="button" onClick="Clock(8)" value="HONG KONG" name="HONG KONG"/></li>
                    <li><input type="button" onClick="Clock(8)" value="CHINA" name="CHINA"/></li>
                    <li><input type="button" onClick="Clock(3)" value="ATHENS" name="ATHENE"/></li>
                    <li><input type="button" onClick="Clock(8)" value="SINGAPORE" name="SINGAPORE"/></li>
                    <li><input type="button" onClick="Clock(4)" value="MOSCOW" name="MOSCOW"/></li>
                    <li><input type="button" onClick="Clock(7)" value="JAKARTA" name="JAKARTA"/></li>
                </ul>
4

3 に答える 3

0

いくつかのバグがあります

$(function(){
    var ins = $("li input").on( "click", function(e) {
        ins.not(this).removeClass('active')
        $(this).addClass("active");
    });
});

と

.active {
    text-decoration: underline;
}

デモ:フィドル

于 2013-07-14T07:01:58.930 に答える
0

クリックされたときに 1 つのボタンだけをアクティブにしようとしている場合。

$(function(){

    $("li input").on( "click", function(e) 
    {
       $(this).addClass("active").siblings().parent().find('input').removeClass("active");

    });
});

また、CSS コード スニペットにタイプミスがあります。そのはず ：

.active{
text-decoration:underline;
}

ページの更新時に一部の要素をアクティブのままにしたい場合は、html マークアップに「アクティブ」クラスを次のように追加するだけです。

<li><input type="button" onClick="Clock(0)" value="MADRID" name="MADRID" class="active" /></li>

必要なリスト項目の入力

于 2013-07-14T07:01:36.170 に答える