JQUERY href 禁用问题

Question

我目前正在开发一个自制的完整前台 100% javascript CMS，但我遇到了很大的问题。 用户可以编辑的一些可编辑区域包含在 href 链接中。这些 href 是不可编辑的，但是，当用户单击这些区域（在编辑模式下）时，浏览器会跟踪这些链接。

首先，这是 CMS 生成的 html 示例：

<span id ="8a8b8d2e262bde2d01262c08317c000c" class="document">

    <a href="/actions/ecommerce/viderSelectionPalierEtVitrine">
            <img src="/images/logo.gif" id="8a8b8d2e262bde2d01262c08bf83000d" title="" alt="" class="image logo" />
    </a>        
</span>

例如，用户只能更改 ; 所以我尝试以这种方式管理周围的href：

        var referenceZone = $(this).attr("id");
    $("#"+documentId+" a").each(function() {
        $(this).click(function() {
            return false; 
        });
    });

其中referenceZone是我周围的

这在我看来是那么棘手吗？

<**** 编辑 ****> 此处添加了用于测试目的的沙箱：http://jsbin.com/aboke/2 <

* *** 编辑 2 ****> 我不明白的是，alert(event.type) 甚至没有启动！

//click event disabling on any href of curently edited ${"span.document"}
    $("span#" + documentId + " a").click(function(event) {
              alert(event.type);
              event.preventDefault();
      suppressionZoneModifiable(documentId);
          recupererTexte(referenceZone, documentId);
    });         

Answer 1

是的，这是可能的，但不能通过 return 语句。使用preventDefault()；

var referenceZone = $(this).attr("id");
$("#"+documentId+" a").click(function(event) {
    event.preventDefault();
});

另外，除非您对链接执行任何其他操作，否则无需执行 .each() 。但使用 event.preventDefault()。

请参阅文档的其余部分。

Answer 2

您位于 http://jsbin.com/aboke/2 的沙箱代码有许多错误。以下是一些：

1。函数参数是一个字符串，但作为数字传递

您应该在此处的参数两边加上引号：

renduZonesModifiables(8a8b8d2e262bde2d01262c08317c000c);

2.参数与范围 ID 不匹配

8a8b8d2e262bde2d01262c08317c000c 与 8a8b8d2e262bde2d01262c08bf83000d

3.您在 jQuery 中使用 onclick 而不是 click

$(this).onclick = function() { return false; }

应该是

$(this).click(function(e) {
     e.preventDefault();
});

4。你有一个 js 错误

“参数列表后缺少 )”（第 81 行）

Answer 3

$(this).click(function() {
    return false; 
});

^ 不起作用。使用 $(...).click() 将该函数添加到单击时执行的函数列表中。它不会删除跟踪链接的默认行为。

您可以通过执行以下操作来覆盖默认链接操作：

this.onclick = function() { return false; }