我只是在单击按钮时动态创建一个选择列表并将其附加到 div。它工作没有问题,但是当我希望这个选择列表表现得像 select2 预期的那样可搜索时,它不起作用。
在下面,我将我的选择列表传递到一个带有名为 GGroupDropDownListForJavascript 的 html 助手的方法中,html 结果如下所示。
<select class="form-control input-xxlarge select2me" id="TagCategoryId" name="TagCategoryId">
<option value="cf1d7da6-f49f-47aa-ba6d-a58f017c59ec">Element1</option>
<option value="cf1d7da6-f49f-47aa-ba6d-a58f017c59ec">Element2</option>
</select>
这是我的 Js 代码。
$('#post').click(function (e) {
var arrowBox = $( "<div>"+'@Ajax.JavaScriptStringEncode(Html.GGroupDropDownListForJavascript(p => p.TagCategoryId, Model.GroupedTagCategories, "").ToHtmlString())' + "</div>");
arrowBox.appendTo($("#imageContainer"));
$('#TagCategoryId').select2();
})
我遇到了这种方法的错误。
未捕获的类型错误:$(...).select2 不是函数
顺便说一句,我对非动态创建的元素进行了测试,它可以正常工作。但是当涉及到动态创建的时候,它就会停止工作。我错过了什么吗?谢谢你。