jQuery live()函数的就地编辑问题.需要一个忍者
Problem with jQuery edit-in-place with live() function.. need a ninja
这可能是一个简单的解决方案,但我有麻烦包装我的大脑围绕它…
我正在使用jQuery就地编辑插件,用于一些将在飞行中生成的div。它应该很简单:单击新创建的div,并能够编辑内容。我在使用live()时遇到了问题。
不使用live(),它显然可以很好地用于静态div。单击一次,获得可编辑的内容。
在使用live()时,我需要双击来编辑内容。然后每次点击它,只需要一次。这有点像焦点问题。也许修改插件本身会有帮助?这就是我所说的… http://jsfiddle.net/efflux/62CzU/
这与我使用live:
调用editinplace()函数的方式有关$('.editable').live('click',function() {
//event.preventDefault();
$('.editable').editInPlace({
callback: function(unused, enteredText) { return enteredText; },
bg_over: "#cff",
field_type: "textarea",
textarea_rows: "5",
textarea_cols: "3",
saving_image: "./images/ajax-loader.gif"
});
});
如何让编辑在地方插件正常运行在我的div通过js创建?
任何帮助将不胜感激!!
快速修复:http://jsfiddle.net/62CzU/5/
var $this = $(this),
isInit = $this.data('edit-in-place');
if(!isInit){
$('.editable').editInPlace({
callback: function(unused, enteredText) { return enteredText; },
bg_over: "#cff",
field_type: "textarea",
textarea_rows: "5",
textarea_cols: "3",
saving_image: "./images/ajax-loader.gif"
});
$this.click();
}
它不工作,因为它没有设置,直到你点击它。一旦你点击它,你设置EditInPlace需要它自己的点击。设置好后触发另一次点击:http://jsfiddle.net/62CzU/6/
现场演示
只要改变按钮点击到这个。
$("button.btn").click(function() {
$(".mydiv").prepend('<div class="passage-marker"><div class="annotation editable">it take 2 clicks to edit me, unless I have already been edited</div></div>');
$('.editable').editInPlace({
callback: function(unused, enteredText) { return enteredText; },
bg_over: "#cff",
field_type: "textarea",
textarea_rows: "5",
textarea_cols: "3",
saving_image: "./images/ajax-loader.gif"
});
});
}
基本上你只是在每次创建它时重新绑定它。live
出现问题的原因是因为在第一次点击时它绑定了它,所以在第二次点击时它已经绑定并且可以工作。
相关文章:
- JavaScript |对象:获取属性忍者移动
- Javascript 新手到忍者无法让书籍代码工作
- 从新手到忍者主题的核心Javascript主题列表,用于构建插件和游戏
- 棱角分明.js新手到忍者控制器
- 高级jQuery选择器,需要一个jQuery忍者来回答
- DOM突变观察者:如何支持DOM3突变事件的一个重要用途
- Javascript' setInterval循环是一个资源消耗者吗?
- 围绕websocket的RxJs server只在一个订阅者上触发
- 在一个观察者- Magento的PHP页面中运行JavaScript
- 如何创建一个只在它有订阅者时触发的Observable,并立即向新的订阅者提供最新的值
- 如果一个潜在的攻击者知道我的数据库中的列名,他会怎么做?
- jQuery live()函数的就地编辑问题.需要一个忍者
- 如何触发观察者通知,并将侦听器放在另一个XUL窗口上
- 识别一个可观察对象的更新者的最好方法是什么?
- 困惑于array.shift()-例子来自JS忍者的秘密
- 拖延者-需要在违约行为和茉莉花保释之间找到一个快乐的办法
- jQuery设置一个粘贴者跳跃的动画(先设置顶部动画,然后设置底部动画)
- 试图从书中理解javascript代码 忍者.
- NG-Repeat -不在列表中工作(忍者图像滑块)
- 是否有可能获得一个普通用户的twitter关注者数量?