Jquery 链接不会转到相关页面
我想在点击链接时通过JQUERY激活它们 我从stackoverflow找到了代码。这对我来说很好,但当我点击我的链接时,它们会按照我的意愿变为粗体或活动,但链接不会进入相关页面,即Jquery 链接不会转到相关页面,jquery,css,hyperlink,Jquery,Css,Hyperlink,我想在点击链接时通过JQUERY激活它们 我从stackoverflow找到了代码。这对我来说很好,但当我点击我的链接时,它们会按照我的意愿变为粗体或活动,但链接不会进入相关页面,即 <li><a href="term-conditions.html">Terms & Conditions</a></li> 所以,当我点击T&C链接时,它不起作用,但链接会激活 <script type='text/javascript'
<li><a href="term-conditions.html">Terms & Conditions</a></li>
所以,当我点击T&C链接时,它不起作用,但链接会激活
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('li a').click(function(e) {
e.preventDefault();
$('a').removeClass('active');
$(this).addClass('active');
});
});//]]>
</script>
//
您有e.preventDefault()代码>将阻止链接事件发生。你需要移除它。或者保留代码并添加document.location=a.href代码>到底部
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('li a').click(function(e) {
e.preventDefault();
$('a').removeClass('active');
$(this).addClass('active');
**document.location = $('a').attr('href');**
});
});//]]>
//
这应该行得通
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('li a').click(function() {
$('a').removeClass('active');
$(this).addClass('active');
return true;
});
});//]]>
</script>
//
是的,这就是e.preventDefault()的方式代码>工作。它可以防止链接的默认行为,从而使操作能够转到所需的目的地。尝试删除此行。在加载函数中添加此代码
$('li a').click(function() {
$('a').removeClass('active');
$(this).addClass('active');
return true;
});
代码:如果你打开一个新页面,我看不出添加一个新类有什么意义,在同一秒中导航离开它。所以我想你应该在iFrame上打开它们。如果是这种情况,请尝试以下方法:
试试这个:
$(window).load(function(){
$('li a').click(function(e) {
e.preventDefault();
$('a').removeClass('active');
$(this).addClass('active');
$("#frameID").prop("src", $(this).prop('href'));
});
});
尝试删除e.preventDefault();你打开链接了吗?如果你想跟随链接,新页面iframe,were?听起来不是很有用,除非你像@Sergio所说的那样在iframe中打开它,或者它是页面中的标签。@Sergio我打开新页面page@VIKASHATWAL,如果从页面导航到下一个页面,为什么要添加新类?我也删除了它,链接现在可以正常工作了。但是现在这些链接没有被激活。我该怎么办?谢谢,如果页面正在更改,那么用户将没有太多机会看到CSS的更改。它可能是您加载的iframe,在这种情况下,您需要捕获href并自己加载它。我已经相应地修改了我的示例。检查CSS也可以检查JSFIDLE上运行的代码
$(window).load(function(){
$('li a').click(function(e) {
e.preventDefault();
$('a').removeClass('active');
$(this).addClass('active');
$("#frameID").prop("src", $(this).prop('href'));
});
});