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

how to make html anchor tag not click able with jquery?

本文关键字：何使用 jquery html      更新时间：2023-10-21

我有这样的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'）"仍然在我的页面上工作。什么是解决方案，以非常简单的方式做到这一点？？

另一种方法（不使用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.在使用pointer-events之前请检查其可用性，因为这是CSS3功能。

试试这个

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

要防止事件，如单击时的a，请防止该事件，如下所示：

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

<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 */
}
}

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

请记住添加Jquery原型感谢Vivek

 $(".WIWC_T1 a").removeAttr('onclick');
相关文章：