标签： ZUI

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

这次又碰到类似的，用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();

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

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

 

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