javascript - 当我用 <div> 附加它时，Bootstrap 下拉菜单不起作用

Question

我的 bootstrap 下拉菜单有问题。当我用 div 附加它时它不起作用。并克隆了第一个。我想再次展示 Bootstrap 样式，但 Bootstrap 样式不起作用

JS

$(document).ready(function() {


      var max_fields = 8; //maximum input boxes allowed
      var wrapper = $(".input_fields_wrap1"); //Fields wrapper
      var add_button = $("#add_field_button1"); //Add button ID
      var x = 1



      //initlal text box count
      $(add_button).click(function(e) { //on add input button click

            e.preventDefault();
            if (x < max_fields) { //max input box allowed
              x++; //text box increment


              <? php $wqeqw = 1;
              while ($wqeqw <= 8) {

                $wqeqw++;
              } ?>


              $(wrapper).append("<div>" +
                  "<select  name='item_packing[]'  data-placeholder='Click here to select' multiple class='form-control chzn-select  chzn-rtl' tabindex='10'>" +
                  "<option value='AAA'>AAA</option>" +
                  "<option value='BBB'>BBB</option>" +
                  "<option value='CCC'>CCC</option>" +
                  "<option value='DDD'>DDD</option>" +

                  "</select>" +  // Incomplete Code . OP has to update this part

HTML

<div class="input_fields_wrap1">

  <select style="height:12350x;" name="item[]" data-placeholder="Click here to select" multiple class="form-control chzn-select  chzn-rtl" tabindex="10">
    <option value="AAA">AAA</option>
    <option value="BBB">BBB</option>
    <option value="CCC">CCC</option>
    <option value="DDD">DDD</option>
  </select>
</div>
<button id="add_field_button1" class="btn btn-success" onclick="fetch_select1();"><i class="glyphicon glyphicon-plus"></i> Add Another Item</button>

Answer 1

你已经初始化了

var add_button = $("#add_field_button1");

添加不带$的点击事件

add_button.click(function(){
});

同样适用于

将 $(wrapper).append() 更改为 wrapper.append();