小编Mut*_*thu的帖子

在ajax调用HTML内容更改后,select2 jquery插件无法正常工作

我确实调用了ajax函数来进行html div更改,其中div更改内容有'select2'jquery类来选择框.在ajax加载后,select2 jquery插件无法正常工作.

这是我的js:

$('body').on('click', '.portlet > a.reloadcontent', function(e) {
   $.ajax({
      type: "GET",
      cache: false,
      url: url,
      dataType: "html",
      success: function(res) {
          $('#colpart').find('.portlet-body').html(res);
      }
   });
});
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

<div id="#colpart">
    <a href="#" data-url="columnspage.html" class="reloadcontent" data-load="true">Columns</a>
    <div class="portlet-body"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

columnspage.html

<select class="form-control select2me" data-placeholder="">
     <option value=""></option>
     <option value="1">Column 1</option>
 </select>
Run Code Online (Sandbox Code Playgroud)

select2me类用于select2 jquery插件.

html ajax jquery jquery-select2

3
推荐指数
1
解决办法
5654
查看次数

标签 统计

ajax ×1

html ×1

jquery ×1

jquery-select2 ×1