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

附加信息

这是一篇不错的文章（旧但很好）：为什么内联 CSS 和 JavaScript 代码是如此糟糕

于 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 回答