2016-05-13 51 views
1

我遇到了jQuery multiselect插件的问题。 基本上我有一个局部视图呈现,并且在页面加载时隐藏。 内局部视图我有一个脚本部分中定义的以下代码:ASP.Net MVC jQuery UI MultiSelect MultiSelectFilter

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

这个代码选择一个下拉列表和应用的多选插件 - 与过滤器选项。一切都很好,只有一个例外 - 一旦部分被显示,带有“自定义回退”类的span对象被呈现在顶部的含义上,我不能使用该控件。 系统其他部分使用的代码只是选择下拉菜单的父级,并隐藏了跨度,如上所示 - 不幸的是,在这种情况下,该代码不起作用。 如果我在调试器被击中的位置检查源,则ddlCountries的父项是父项DIV - 在此阶段不存在范围。 如果我在页面加载完成后检查源代码,则父项是一个元素自定义选择对象,它现在包含有问题的范围。

我需要以某种方式隐藏这个跨度,但我看不到如何或在哪里可以做到这一点。有人有任何想法吗?

+0

您可以在Jsfiddle中重现此问题并在此共享吗? –

回答

1

最后我无法使用jQuery/javascript来解决这个问题,因为DOM元素根本就不存在于代码执行的地方。 我最终添加了CSS来隐藏元素(display:none)。