添加类链接
问题描述：
我需要帮助添加类这些链接：添加类链接
<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不起作用。
那么，什么是问题，我该如何解决它？
答
你的意思是这样？：
$("a").click(function(){
$(this).toggleClass("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>
的jQuery：
$("a").on('click', function() {
$(this).addClass("km-state-active").attr('href', 'YOUR_URL');
});
+0
不，还有另一个问题......我不能用两个动作绑定点击事件。在我的情况下，它增加了类或使location.href – Danis 2012-04-26 16:32:57
答
为什么使用内联代码来处理点击锚标签？为什么不：
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
答
您不应该使用内联脚本。这是一个糟糕的做法。更新你的标记看起来与此类似。
<a class="campusIcon km-icon" href ="indexHome.html" data-rel="external">Campus</a>
而且使用jQuery加上点击
$("a").on('click', function() {
$(this).addClass("km-state-active");
});
类显示导致'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