在jQuery中将可编辑字段添加到委托
提问于 2011-01-16 22:52:41
如何在jQuery中将以下代码与委托结合使用？
我在所有可编辑元素周围都有一个#commentContainer，并且我动态地添加了可编辑字段(Jeditable)。编辑功能不适用于动态加载的项目。
/* Bind Jeditable instances to "edit" event. */
$(".edit").editable('/Comment/PostComment/', {
type: 'textarea',
cancel: 'Cancel',
submit: 'OK',
indicator: '<img src="img/indicator.gif">',
tooltip: 'Click to edit...',
event: "edit"
});
/* Find and trigger "edit" event on correct Jeditable instance. */
$(".edit_trigger").bind("click", function () {
$(this).prev().trigger("edit");
});
回答 2
Stack Overflow用户
发布于 2011-01-16 23:02:24
当一个元素被添加到DOM中时，事件委托不适用于运行的代码。一些浏览器事件需要首先发生，比如点击。
因此，如果您添加的新元素应该运行editable插件，则需要在添加它们时手动调用它。
$('<textarea>').editable( /* settings */ )
.appendTo( '#commentContainer' );Stack Overflow用户
发布于 2012-10-11 14:49:10
对于动态添加的字段，有一个解决方案是添加jQuery.editable。
$("body").on("click",".editable",function(e){
// Add editable plugin
// but! for `focus` instead common `clik` event
$(this).editable('go.to',
{
event : 'focus.editable',
..
..
// Then trigger focus event
}).trigger("focus");
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4708647
复制相关文章
![[CORS：跨域资源共享] 同源策略与JSONP](https://ask.qcloudimg.com/http-save/yehe-1161266/nbekxrwgpi.png)
点击加载更多
相似问题
List vs ArrayList vs Dictionary vs Hashtable vs Stack vs Queue？
innerText vs innerHTML vs label vs text vs textContent vs outerText
.c vs .cc vs .cpp vs .hpp vs .h vs .cxx
Exec vs ExecWait vs ExecShell vs nsExec::Exec vs nsExec::ExecToLog vs nsExec::ExecToStack vs ExecDos vs ExeCmd
bundler vs RVM vs gem vs RubyGems vs gemsets vs system ruby
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
