我试图使用
Jeditable作为在线编辑解决方案.
默认行为(单击要编辑的元素)工作得很好,但是我想通过单击另一个元素来激活元素.
例如,单击a.activateEdit将激活下一个div.edit(显然应该使用jQuery选择器).
我已经查看了Jeditable docs,但是找不到正确的语法
FYI,默认的Jeditable语法是这样的：
@H_403_10@$(document).ready(function() { $('.edit').editable('http://www.example.com/save.PHP'); });*编辑：发现a better solution *
解决方法
以上代码也不是很正确.它触发所有Jeditable实例上的点击事件.
有很多方法可以做到,这一切都取决于你的HTML,但是例如,如果你有以下HTML：
@H_403_10@<div class="edit" id="unique_id">Editable text</div> <a href="#" class="edit_trigger">Edit me!!</a>然后可以使用以下JavaScript：
@H_403_10@/* 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"); });