编辑链接

Question

我使用此javascript来编辑文本：http://josephscott.org/code/javascript/jquery-edit-in-place现在我还需要编辑链接。但是，当我点击链接而不是让它可编辑时，我被重定向到链接地址。如何更改它，以便双击链接只是使其可编辑而不在任何地方重定向？

有人可以帮忙吗？

Answer 1

使用dblclick事件和preventDefault方法

  $('a_selector').eip( "save.php", {
    form_type: "textarea"
} );

$('a_selector').dblclick(function(e){
  e.preventDefault();
})

<强> 更新 在玩了一下插件之后......

我相信它本身允许设置启动编辑的事件..

$('a').eip( 'save.php', {
        form_type  : 'textarea',
        edit_event : 'dblclick'
    } );

但我不确定他们是否正确处理目标元素是链接的情况，因为我没有在他们的代码中看到任何阻止默认行为的尝试。

也许你可以修改源代码并自己添加..

Answer 2

您需要覆盖默认链接行为，然后触发就地编辑代码。

$("a").click(function(){
    //whatever you have to call to make it editable
    return false; //prevent the link from being followed
});

Answer 3

从事件处理程序返回false，或者使用jQuery在处理程序中使用e.preventDefault()，其中e是事件对象。