Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery:catch在链接内单击_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery:catch在链接内单击

Javascript jQuery:catch在链接内单击,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有这样的html: <a href="http://google.com" class="extended-link"> <span class="extended-span" data-comment-href="http://example.com">text</span> </a> 和js: $('.extended-span').click(function(event) { event.stopPropagatio

我有这样的html:

  <a href="http://google.com" class="extended-link">
    <span class="extended-span" data-comment-href="http://example.com">text</span>
  </a>
和js:

$('.extended-span').click(function(event) {
  event.stopPropagation();
  window.location.href = $(this).attr('data-comment-href');
});
但我无法捕获
。扩展span
单击,它总是触发外部链接重定向

是否可以捕捉到链接内部的点击(链接必须是可点击的,span除外)


尝试
event.preventDefault()而不是
事件.stopPropagation()

尝试
event.preventDefault()而不是
事件.stopPropagation()

尝试
event.preventDefault()而不是
事件.stopPropagation()

尝试
event.preventDefault()而不是
事件.stopPropagation()

防止事件在DOM树中冒泡,防止任何父处理程序收到事件通知

如果调用此方法,则不会触发事件的默认操作

在您的情况下,您必须使用第二个
event.preventDefault()
,因为您希望阻止默认操作并触发另一个自定义操作

$('.extended span')。单击(函数(事件){
event.preventDefault();
window.location.href=$(this.attr('data-comment-href');
});
。扩展链接{
显示:内联块;
背景:绿色;
宽度:200px;
高度:500px;
文本对齐:居中;
}
.延长跨度{
显示:内联块;
背景:黄色;
利润率:100px0;
}

防止事件在DOM树中冒泡,防止任何父处理程序收到事件通知

如果调用此方法,则不会触发事件的默认操作

在您的情况下,您必须使用第二个
event.preventDefault()
,因为您希望阻止默认操作并触发另一个自定义操作

$('.extended span')。单击(函数(事件){
event.preventDefault();
window.location.href=$(this.attr('data-comment-href');
});
。扩展链接{
显示:内联块;
背景:绿色;
宽度:200px;
高度:500px;
文本对齐:居中;
}
.延长跨度{
显示:内联块;
背景:黄色;
利润率:100px0;
}

防止事件在DOM树中冒泡,防止任何父处理程序收到事件通知

如果调用此方法,则不会触发事件的默认操作

在您的情况下,您必须使用第二个
event.preventDefault()
,因为您希望阻止默认操作并触发另一个自定义操作

$('.extended span')。单击(函数(事件){
event.preventDefault();
window.location.href=$(this.attr('data-comment-href');
});
。扩展链接{
显示:内联块;
背景:绿色;
宽度:200px;
高度:500px;
文本对齐:居中;
}
.延长跨度{
显示:内联块;
背景:黄色;
利润率:100px0;
}

防止事件在DOM树中冒泡,防止任何父处理程序收到事件通知

如果调用此方法,则不会触发事件的默认操作

在您的情况下,您必须使用第二个
event.preventDefault()
,因为您希望阻止默认操作并触发另一个自定义操作

$('.extended span')。单击(函数(事件){
event.preventDefault();
window.location.href=$(this.attr('data-comment-href');
});
。扩展链接{
显示:内联块;
背景:绿色;
宽度:200px;
高度:500px;
文本对齐:居中;
}
.延长跨度{
显示:内联块;
背景:黄色;
利润率:100px0;
}

查找以下代码更正:

$(document).ready(function (){
$('.extended span')。单击(函数(事件){

window.location.href=$(this.attr('data-comment-href')

返回false; });


}))

查找以下代码更正:

$(document).ready(function (){
$('.extended span')。单击(函数(事件){

window.location.href=$(this.attr('data-comment-href')

返回false; });


}))

查找以下代码更正:

$(document).ready(function (){
$('.extended span')。单击(函数(事件){

window.location.href=$(this.attr('data-comment-href')

返回false; });


}))

查找以下代码更正:

$(document).ready(function (){
$('.extended span')。单击(函数(事件){

window.location.href=$(this.attr('data-comment-href')

返回false; });


}))

当然,在真实环境中的链接我有另一个div,h1-h6等。同样,在真实环境中的链接我有另一个div,h1-h6等。同样,在真实环境中的链接我有另一个div,h1-h6等。同样,在真实环境中的链接我有另一个div,h1-h6等。很好!顺便说一句:嗯,奇怪,在wp主页上这项工作,但在内部不(但方法是发射)好!顺便说一句:嗯,奇怪,在wp主页上这项工作,但在内部不(但方法是发射)好!顺便说一句:嗯,奇怪,在wp主页上这项工作,但在内部不(但方法是发射)好!顺便说一句:嗯,奇怪,在wp的主页上这项工作,但在内部没有(但方法是发射)