点击jQuery jeditable触发器

Question

我需要在我的应用程序中使用内联编辑。为此，我使用jQuery的Jeditable插件。

我想触发一个元素的可编辑模式，只有当我点击它。这是我的代码，它不起作用：

var tet = ""; 
$(".edit-client").click(function(event) { 
    tet = "#"+event.target.id; 
    //alert(tet); 
}); 

$(tet).editable("/bestcredit/admin.php/request/editClient", { 
    submitdata : function (value,settings){ 
        return {"Client[id]":'.$model->client->id.' }; 
       }, 

    //indicator : "Saving...", 
    //tooltip : "Click to edit...", 
    submit : "OK", 
    name : "Client["+tet.substr("1")+"]" 
    //alert(1); 
}); 

如何添加此功能？

Answer 1

有很多方法可以做到这一点，这一切都取决于你的HTML，但例如，如果你有以下HTML：

<div class="edit" id="unique_id">Editable text</div> 
<a href="#" class="edit_trigger">Edit me!!</a> 

那么你可以使用下面的JavaScript：

/* Bind Jeditable instances to "edit" event. */ 
$(".edit").editable("http://www.example.com/save.php", { 
    event  : "edit" 
}); 
/* Find and trigger "edit" event on correct Jeditable instance. */ 
$(".edit_trigger").bind("click", function() { 
    $(this).prev().trigger("edit"); 
});