动态添加的bootstrap-select,会执行两次changed.bs.select

_柒柒_ 2018-07-25 06:17:50
我动态加载的数据


效果是这样子


但是我执行事件时候,却执行了两次


------------------------------------------------------------------------
我发现静态时候是没问题的
(第一种会执行一次,第二种会执行2次,意思第二种写法是不支持的)
$(".tab_left_div .select_dom").on('changed.bs.select',function(e) {
console.log( "2" );
});

$(".tab_left_div").on('changed.bs.select'," .select_dom",function(e) {
console.log( "3" );
});
------------------------------------------------
但是我动态添加只能这样子写呀
$(".tab_left_div").on('changed.bs.select'," .select_dom",function(e) { });

请问我这个怎么处理呀
...全文
1145 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_44108950 2018-12-15
  • 打赏
  • 举报
回复
有没有大佬帮忙看一下,输入搜索时,输入如果会出现r如果的问题啊!!
sinat_24385439 2018-08-16
  • 打赏
  • 举报
回复
应该是绑定了两次 后边加个return false; 应该就可以了
_柒柒_ 2018-07-26
  • 打赏
  • 举报
回复
动态添加的代码
var datas = data.data.items;
$.each( datas , function( index , value ){
var types = '';
switch(value.type) {
case 1:
types = '年代';
break;
case 2:
types = '材质';
break;
default:
types = '类型';
}

var option = '<option value="0">'+ types +'</option>';
$.each( value.tag , function( ind , val ){
option += '<option value="'+val.id+'">'+val.name+'</option>';
});

var select = '<select type="'+value.type+'" class="selectpicker dropdown show-tick show-menu-arrow select_dom" data-size="8" >' + option + '</select>';

$(".tab_left_div.float_l").append( select );
});
-----------------------------------
显示的内容

<div class="tab_left_div float_l">
<select type="1" class="selectpicker dropdown show-tick show-menu-arrow select_dom" data-size="8" tabindex="-98">
<option value="0">年代</option>
<option value="111">西汉</option>
<option value="222">唐</option>
<option value="333">三国</option>
<option value="444">清</option>
</select>
</div>

--------------------------------------
执行的事件
$(".tab_left_div").on('changed.bs.select'," .select_dom",function(e) {
console.log( "2" );
});

讨厌走开啦 2018-07-25
  • 打赏
  • 举报
回复
源码贴出来看一下,那个截图完全看不清。

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧