触发时图像不显示 liszt:updated

Question

我正在使用 chosenImage 插件。当我触发 liszt:updated 时，它不会在列表中显示图像。

脚本

<script type="text/javascript"> 
  $(".my-select").chosenImage({
    disable_search_threshold: 10 
  });

  // some code that adding/removing options in select

   $('#my-select').trigger('liszt:updated'); 
</script>

HTML

<select class="my-select" id="my-select" style="width:350px;" tabindex="2">
  <option data-img-src="chosenImage/flag-red.gif">Project A</option> 
  <option data-img-src="chosenImage/flag-purple.gif">Project B</option> 
</select>

有什么解决办法吗？提前致谢。

Answer 1

根据示例中的代码，您不需要 $('#my-select').trigger('liszt:updated');

只有这个应该有效

$(".my-select").chosenImage({
  disable_search_threshold: 10 
});

这应该有效

  $('#my-select').trigger('liszt:updated'); 
  $(".my-select").chosenImage();

只需在更新列表后调用 chosenImage() 方法

触发时图像不显示 liszt:updated

Image not showing when trigger liszt:updated

html

jquery

jquery-chosen