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();

解决ZUI/Bootstrap网站出现GET .woff 404 (Not Found)的问题

 IIS下使用ZUI或者Bootstrap类的前端UI时,常会用到.woff字体,但是默认IIS不会解析这个后缀的文件(跟邮件.msg后缀一样),我们可以在设置woff字体的MIME类型,但是显然太麻烦了,万一碰到没有权限去服务器配置这个的时候,该怎么办呢?利用Web.Config就能做到,很简单。

zui.get.woff.error.jpg

<system.webServer>    
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="font/x-font-woff" />      
    </staticContent>
  </system.webServer>

 

为什么先加一个remove,为了避免手工IIS设置了这个MIME,再用这个添加的报错问题。