-3

これらのリンクにクラスを追加するのに助けが必要です。

<a class="campusIcon km-icon" onclick ="window.location.href='indexHome.html'" data-rel="external">Campus</a>
<a class="searchIcon km-icon"  onclick ="window.location.href='indexListView.html'"  data-rel="external">Search</a>
<a class="mapIcon km-icon"  onclick ="window.location.href='indexKBlock.html'"  data-rel="external">Map</a>
<a class="favIcon km-icon" onclick ="window.location.href='indexChart.html'" data-rel="external">Fav</a>

追加したいクラスはですkm-state-active。onClickイベント内にクラスを追加すると、クラスが追加されますが、location.href機能しません。

それで、問題は何ですか、そしてどうすればそれを解決できますか？

4

4 に答える 4

0

次のようなことを意味しますか?:

$("a").click(function(){
    $(this).toggleClass("km-state-active");
});
于 2012-04-26T16:24:59.007 に答える
0

これを試して：

HTML:

<a class="campusIcon km-icon"  href="indexHome.html" data-rel="external">Campus</a> 
<a class="searchIcon km-icon" href="indexListView.html" data-rel="external">Search</a> 
<a class="mapIcon km-icon" href="indexKBlock.html" data-rel="external">Map</a> 
<a class="favIcon km-icon" href="indexChart.html" data-rel="external">Fav</a>​

jQuery:

$("a").on('click', function() {
   $(this).addClass("km-state-active").attr('href', 'YOUR_URL');
});
于 2012-04-26T16:26:55.417 に答える
0

インライン コードを使用してアンカー タグのクリックを処理するのはなぜですか? なぜだめですか：

JS

$("a").click(function() {
    $(this).addClass("km-state-active");
});

HTML 

<a class="campusIcon km-icon"  href="indexHome.html" data-rel="external">Campus</a> 
<a class="searchIcon km-icon" href="indexListView.html" data-rel="external">Search</a> 
<a class="mapIcon km-icon" href="indexKBlock.html" data-rel="external">Map</a> 
<a class="favIcon km-icon" href="indexChart.html" data-rel="external">Fav</a>​

追加情報

これはまともな記事です (古いですが良い記事です): Why Inline CSS And JavaScript Code Is such A Bad Thing

于 2012-04-26T16:27:27.163 に答える
0

インライン スクリプトは使用しないでください。その悪い習慣です。マークアップを次のように更新します。

<a class="campusIcon km-icon" href ="indexHome.html" data-rel="external">Campus</a>

jQueryを使用して、クリック時にクラスを追加します

$("a").on('click', function() {
    $(this).addClass("km-state-active");
});
于 2012-04-26T16:27:30.877 に答える