Question

我点击按钮后，我在网页上生成了一个表格<button class="btn btn-default" id="proceed">Proceed</button>我已经包含的外部库是为了创建多选框是bootstrap-select。问题是，当我将它包含在我的网页中时，库正常工作：

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>/css/bootstrap-select.min.css" />
<script type="text/javascript" src="<?php echo base_url();?>/js/bootstrap-select.min.js"></script>

（使用codeignitor作为框架）但它对我在我的表中使用Jquery生成的mutiselet不起作用：

$('#proceed').click(function(){
  makeTable();
});

摘自makeTable函数（问题所在）是：

tbody = '<td><select id="fromstation" name="ratelist_party_base" class="selectpicker"  multiple><option value="example">example</option></select></td>';$("#tab_logic").append(tbody);

tab_logic是要追加的所需位置的id，虽然不好意思清楚一点是代码工作正常并且正在生成表，唯一的问题是我的代码中的mutiselect框不是将库应用于它们，是的，虽然我知道有更好的方法来渲染表（例如bootstrap模式），但由于某些开发原因不是一个可行的选择。所以有人流下了一些智慧。非常感谢

Answer 1

添加html后，您需要再次调用 selectpicker（）。我希望它有所帮助。

tbody = '<td><select id="fromstation" name="ratelist_party_base" class="selectpicker"  multiple>'<option value="example">example</option></select></td>';
$("#tab_logic").append(tbody);
$("#fromstation").selectpicker();

外部引导库的效果未应用于JS生成的html

1 个答案: