Question

我想在h ref中使用#map选项卡设置JavaScript：void（0）。我想设置JavaScript：void（0），它负责不点击加载网页。 #map是tab .so我想设置JavaScript：void（0）和#map。我的代码是

<li><a data-toggle="tab" href="#map" href="javascript:void(0)" onclick="getvalue('+val['product_id']+');" id="maptab">map</a></li>

Answer 1

当您为此.preventDefault()编写javascript函数时，实际上您无需使用<a>。

$('li a').click(function(e){
  e.preventDefault();
  //... other code of function
})

.preventDefault()会阻止元素的默认功能。因此，这将阻止页面加载。

Answer 2

对代码的最短更改是删除第二个href（您无法拥有相同属性的两个副本），只需将return false;添加到现有onclick即可：

<li><a data-toggle="tab" href="#map" onclick="getvalue('+val['product_id']+');return false;" id="maptab">map</a></li>
<!-- Note --------------------------------------------------------------------^^^^^^^^^^^^^ --->

return false;属性处理程序中的

onxyz会阻止默认操作，该操作位于链接之后;更多在我的博文The true store on return false。

尽管如此，我建议避免使用onxyz属性处理程序来支持data-*属性（如果需要）和委托事件处理。

是否可以使用#map为href中的标签设置javascript：void（0）？

2 个答案: