Asp.net mvc Net MVC jQuery用户界面多选多选过滤器

我对jquerymultiselect插件有问题。 本质上，我有一个局部视图，它在加载页面时呈现并隐藏。 在部分视图中，我在脚本部分定义了以下代码：

    $(document).ready(function () {
    $('#ddlCountries').multiselect().multiselectfilter();
    var countries = $('#ddlCountries');
    var parent = $("#ddlCountries").parent();
    var span = $("#ddlCountries").parent().find("span[class='custom-select-back']");
    debugger;

这段代码选择一个下拉列表并应用multiselect插件以及过滤器选项。除了一个例外，一切都很好-一旦显示了部分，一个带有“自定义返回选择”类的跨度对象将呈现在顶部，这意味着我无法使用该控件。 在系统的其他部分使用的代码只是选择下拉列表的父项并隐藏跨度，正如上面所示——不幸的是，在这种情况下，代码不起作用。 如果我在调试器被命中的点检查源代码，则DDL的父级是父级DIV-此阶段不存在跨度。 如果我在页面完成加载后检查源代码，那么父元素是一个元素自定义选择对象，它现在包含有问题的跨度

---

我需要以某种方式隐藏这个跨度，但我不知道如何或在哪里可以做到这一点。有人有什么想法吗？

最后，我无法使用jQuery/javascript解决这个问题，因为DOM元素在代码执行时根本不存在。

---

当最终添加元素时，我使用CSS隐藏了该元素（display:none）。

您能在JSFIDLE中重现这个问题并在这里共享吗？