Selectizejs没有正确加载选项

Question

我使用ajax，创建一个依赖类别和子类别，一切正常，我的HTML有效，我在类别和子类别上使用selectizejs。该类别工作正常，子类别不是。如果我不使用选择，一切都很完美

 $(".category").change(function () {
     var id = $(this).val();
     var dataString = 'id=' + id;

     $.ajax
         ({
             type: "POST",
             url: "subcat.php",
             data: dataString,
             cache: false,
             success: function (html) {
                 $(".subcat").html(html);
             }
         });
 });
$('#subcat').selectize({
    plugins: ['remove_button'],
    persist: false,
});

index.php

<label class="control-label col-md-3 col-3">Sub Category <span class="required">*</span>
<select name="post[subcategory]" class="subcat" id="subcat">
<option selected="selected" value="">Select Sub Category</option>
</select> </label>

subcat.php

foreach ($children as $child) {?>
<option value="<?php echo $child->id; ?>"><?php echo $child->name; ?></option>
<? } ?>

控制台没有错误。选择类别后，所有子类别将在浏览器中显示为静态文本，而无法选择选项。

同样，如果我删除选择，我得到一个完全正常的下拉菜单。