Question

我需要帮助为这些链接添加一个类：

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

那么，问题是什么，我该如何解决呢？

Answer 1

你的意思是这样的？：

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

Answer 2

试试这个：

<强> 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');
});

Answer 3

为什么使用内联代码来处理锚标记的点击？为什么不：

<强> 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

Answer 4

您不应该使用内联脚本。这是一个不好的做法。将标记更新为与此类似。

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

使用jQuery在点击中添加类

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

添加要链接的类

4 个答案: