Question

我有这样的HTML （注意 - ：我在页面顶部包含了j库）

 <div class="WIWC_T1">
    <a href="javascript:void(0);" onClick="call_levelofcourse();popup('popUpDiv1')">Level of Course</a>
 </div>

使它不可点击我使用像这样的jquery

$(".WIWC_T1 a").click(function(){
    return false ;
});

我也试过这个

$(".WIWC_T1 a").off("click");

但onClick =“call_levelofcourse（）; popup（'popUpDiv1'）”仍然在我的页面上工作。什么是soltuion以非常简单的方式做到这一点??

Answer 1

另一个aproach（不使用jQuery）是使用css类：

.disable-anchor{
  pointer-events: none;
  cursor: default;
}

然后只需将此类添加到您的锚点，如：

<a href="javascript:void(0);" 
   class="disable-anchor"     
   onClick="call_levelofcourse();popup('popUpDiv1')">
    Level of Course
</a>

P.S。 check the availability of pointer-events使用它之前，因为这是CSS3功能。

Answer 2

试试这个

$(".WIWC_T1 a").click(false);

Answer 3

要防止点击时a等事件，请阻止此事件：

$(".WIWC_T1").on("click", function(e)) {
    e.preventDefault();
    //Do your code, such show a popup
}

Answer 4

<a href="javascript:void(0);" onClick="call_levelofcourse();popup('popUpDiv1')" class="unclickable">Level of Course</a>



function call_levelofcourse(){
if(!$("a").hasClass("unclickable")){
 /* your codes here */
}
}

Answer 5

$(".WIWC_T1 a").on("click", function(){ 
   $(this).attr("onClick", false); 
});

请记得添加Jquery原型谢谢Vivek

Answer 6

 $(".WIWC_T1 a").removeAttr('onclick');

如何使用jquery使html锚标签不可点击？

6 个答案: