ZUI(BootStrap)动态插入HTMl所创建的data-toggle事件初始化方法

这个问题去年碰到过一次,当时没空研究,就跳过去了,换了个方法刷新整个页面。不用你说,我现在也觉得有点傻(当时也觉得)。

这次又碰到类似的,用ZUI(基于BootStrap)的lightbox,动态HTML增加了图片,但是data-toggle=”lightbox”这个事件不生效,点击一下图片直接当前窗口打开图片链接了。其实所有的data-toggle都有一样的问题,就是不生效。

有些人说需要Append相应的HTML后,动态的data-toggle属性设置一下,其实是没用的。

还有人说用全局的delegate,那个小题大做。如果自己写的自定义函数,倒是可以用。

其实很简单,就是Append之后,获取到DOM的元素后,手动激活一下事件。

$(“.cards”).find(‘.card’).eq(0).find(‘a’).eq(0).lightbox();

popover同理:$(“.cards”).find(‘.card’).eq(0).find(‘a’).eq(0).popover();

Loading

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据