当前位置:小鱼儿玄机二站 > 计算机网络 > 不可能科学初阶化

不可能科学初阶化

文章作者:计算机网络 上传时间:2019-11-19

webuploader放入bootstap的tab-content时,不能正确初始化

现象:
  如果在BootStrap的tab组件中,加入webuploader,并且不是默认页,则会出现webuploader点击无反应的情况,不会弹出“打开文件”对话框。

原因:
  webuploader初始化有个条件,就是不能是隐藏的元素,如果隐藏的元素,则不能正确绑定事件。

解决:
  可以放入tab的shown.bs.tab事件中,如果是指定的tab页,则重新初始化一个uploader。
  这同时引入了一个限制,就是必须把uploader初始化动作写为一个函数,否则将导致一个超长的js文件。

  1. $('a[data-toggle="tab"]').on('shown.bs.tab',function(e){
  2. var target =e.target.toString(); //$(e.target)[0].hash;
  3. if( target.indexOf('product_gallary')>0 ){
  4. initUpload();
  5. }
  6. })

其他说明:
1、e.target返回的是DOM对象;
2、对于bootstarp的tab,可以简单地用jquery的hash属性,这个属性在jquery的各种手册中都不有描述,指的是url的#id部分。

----end-----

现象: 如果在BootStrap的tab组件中,加入webuploader,并且不是默认页,则会出现webuploader点...

本文由小鱼儿玄机二站发布于计算机网络,转载请注明出处:不可能科学初阶化

关键词: