Question

我在div id中有一个链接，我必须禁用click事件并隐藏它。这是我需要禁用点击事件的Div ID。

<div  class="bookmark" align="left">
  <div align="left">&nbsp;&nbsp;
    <img src="<c:url value="/images/Bookmarks1.png">"align="absmiddle" border="0" width="18" height="18" /> 
<a href="#" id="bookmarkviewall" class="book tabs" style="text-decoration: none;"> Bookmark</a> &nbsp;
    <a href="#"  id="bookmarkpopup" class="book tabs"  onclick="javascript:return false;">
      <img alt="Add Bookmark" src="<c:url value="/images/red_plus.png"/>" align="absmiddle">
    </a>
  </div>
</div>

我写的函数是： -

function disablingBookmark(){
  $("#bookmarkviewall").removeAttr("href");
  $("a#bookmarkviewall").removeAttr("class");
  $("#bookmarkpopup").removeAttr("href");
  $("a#bookmarkpopup").removeAttr("onclick");
  $("a#bookmarkviewall").attr("class","greyFont tabs1");
  $("#colorpickerDiv").hide();
}

这是我的js文件： -

$("#bookmarkviewall").click(function(e){
         var selectedId = "#"+currentSelectedTabId;
         $(selectedId).removeAttr("style");
         currentSelectedTabId = null;
         highlight($('#content').attr("id"));
    //For hiding the popuped menu
    //$("#rightHandPanelStatus").attr("recent","bookmarks");


        highlightForToolBox($('#bookmarkviewall').attr("id"));  

        var currentNumberOfRecordsPerPage = 10;
        var currentPageNumber = 1;

        $.post("/core-web/bookmark/viewlist", jQuery.param({pageNumber :currentPageNumber, NumberOfRecordsPerPage :currentNumberOfRecordsPerPage, pageId:currentPageId}), function(data) {
                $('#center_in').html(data);
        });



    });
},

链接已禁用但仍然是click事件正在运行。任何帮助。请感谢。

Answer 1

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

Answer 2

应处理锚标记的点击处理程序以检查已禁用的div。如果可用，则应禁用它。
希望你能理解。不需要任何正确的例子。！？。让我进一步了解。

Answer 3

简单添加onclick =“return false”

可能会起作用

<div  class="bookmark" onclick="return false" align="left">
  <div align="left">&nbsp;&nbsp;
    <img src="<c:url value="/images/Bookmarks1.png">"align="absmiddle" border="0" width="18" height="18" /> 
<a href="#" id="bookmarkviewall" class="book tabs" style="text-decoration: none;"> Bookmark</a> &nbsp;
    <a href="#"  id="bookmarkpopup" class="book tabs"  onclick="javascript:return false;">
      <img alt="Add Bookmark" src="<c:url value="/images/red_plus.png"/>" align="absmiddle">
    </a>
  </div>
</div>

您可以将其添加到正文以防止点击

上的任何操作

<body onclick="return false" >

使用您可以对每个链接执行的特定链接

<a href="something" onclick = "return false;">

Answer 4

您可以先删除href属性，然后使用e.preventDefault()来阻止您的默认点击功能。请参阅下面的示例代码和演示here

var link = $(".bookmark").find("a");
link.removeAttr('href');
link.click(function(e) {
    e.preventDefault();
});

我在您的实际代码中使用了不同的图像。见Jsfiddle

它在这里工作。看起来你的jsp代码有问题。请检查您的代码并确保其正常工作。

Answer 5

这会禁用所有锚标记的点击事件。

$('a').click( function(e) {
    e.preventDefault();
});

希望你能从这里拿走它。否则，我们只会将整个代码发给您。

用于禁用点击的jQuery

5 个答案: