添加類鏈接

-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不起作用。

那麼，什麼是問題，我該如何解決它？

來源

2012-04-26 Danis

類顯示導致'location.href'失敗的代碼。 – MrCode 2012-04-26 16:24:30

不可思議。發佈你的問題我敢打賭，至少有30個已發佈的問題與同樣的問題。 – 2012-04-26 16:28:10

@Danis @Danis在每個答案旁邊，您都會看到一個投票部分（帶有向上和向下箭頭）以及它下面的一個刻度線標記，請養成習慣以點擊它以接受可以幫助您的答案，讓每個人都樂於提供幫助.. – thecodeparadox 2012-04-26 16:30:22

你的意思是這樣？：

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

來源

2012-04-26 16:24:59

試試這個：

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-26 16:26:55 thecodeparadox

不，還有另一個問題......我不能用兩個動作綁定點擊事件。在我的情況下，它增加了類或使location.href – Danis 2012-04-26 16:32:57

爲什麼使用內聯代碼來處理點擊錨標籤？爲什麼不：

$("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-26 16:27:27

您不應該使用內聯腳本。這是一個糟糕的做法。更新你的標記看起來與此類似。

<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-26 16:27:30 Starx

回答

相關問題