jQuery UI多重选择不在作为母版页内容的.aspx页面中工作

我正在尝试在具有许多不同GridView的aspx页面上使用这个jquery插件（）。页面代码位于asp:content标记内。我将选择选项放置在asp:gridview之外的asp:view中。该页使用母版页。我让multiselect小部件在空白页中工作，但我无法让它与我的母版页一起工作。我已经尝试在使用它的gridview中添加css/script链接/document.ready（）。我已经尝试使用母版上的asp:contentplaceholder和我的aspx页面中的单独asp:content标记将其添加到母版页的head标记中。我一辈子都不能让multiselect在小部件的UI上运行

我注意到在空白页面上有工作小部件，jQuery添加了一个按钮，一对夫妇跨越了多选样式所需的类。在我的aspx页面中，不会添加这些项目

<button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" 
aria-haspopup="true" style="width: 240.60000002384186px;">
<span class="ui-icon ui-icon-triangle-2-n-s"></span><span>5 selected</span></button>


//My Code
<link rel="Stylesheet" type="text/css" href="../Styles/jquery-ui-1.9.1.custom.min.css" />
<link rel="stylesheet" href="../Styles/jquery.multiselect.css" type="text/css" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery-ui-1.9.1.custom.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.multiselect.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#example").multiselect({
            minWidth: 235
        });
        $("#example").multiselect("checkAll");
    });
</script>

<select id="example" name="example" multiple="multiple">
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
            <option value="4">Option 4</option>
            <option value="5">Option 5</option>
</select>

选定的5个
//我的代码
$（文档）.ready（函数（）{
$（“#示例”）.multiselect({
最小宽度：235
});
$（“#示例”）.multiselect（“checkAll”）；
});
选择1
选择2
选择3
选择4
备选案文5

我尝试删除母版页中所有其他css/脚本引用，但没有成功。是否还有其他可能冲突的内容？

您将成为的受害者，即继承：

选项1:

更改脚本以使用动态创建的ClientID：

<script type="text/javascript">
    $(document).ready(function () {
        var sel = #<%= example.ClientID %>";
        $(sel).multiselect({
            minWidth: 235
        });
        $(sel).multiselect("checkAll");
    });
</script>

$（文档）.ready（函数（）{
var sel=#“；
$（sel）.多选({
最小宽度：235
});
$（sel）.多选（“全选”）；
});

选项2:

保持脚本不变，并将ClientIDMode更改为静态：

<select id="example" name="example" multiple="multiple" ClientIDMode="Static">
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
            <option value="4">Option 4</option>
            <option value="5">Option 5</option>
</select>

选择1
选择2
选择3
选择4
备选案文5

您将成为的受害者，即继承：

选项1:

更改脚本以使用动态创建的ClientID：

<script type="text/javascript">
    $(document).ready(function () {
        var sel = #<%= example.ClientID %>";
        $(sel).multiselect({
            minWidth: 235
        });
        $(sel).multiselect("checkAll");
    });
</script>

$（文档）.ready（函数（）{
var sel=#“；
$（sel）.多选({
最小宽度：235
});
$（sel）.多选（“全选”）；
});

选项2:

保持脚本不变，并将ClientIDMode更改为静态：

<select id="example" name="example" multiple="multiple" ClientIDMode="Static">
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
            <option value="4">Option 4</option>
            <option value="5">Option 5</option>
</select>

选择1
选择2
选择3
选择4
备选案文5

我以错误的顺序加载脚本。

我以错误的顺序加载脚本。

是否指定了

示例

选择是否指定了

runat=“server”

？否。如果我指定它将不允许我将多属性设置为多属性。是否使用UpdatePanels？显示母版页和内容页sourceis

示例

选择是否指定了

runat=“server”

？否。如果指定，则不允许将“多属性”设置为“多属性”。是否使用UpdatePanel？显示母版页和内容页源ClientMode不工作，我假设select不是asp控件。我对客户的要求不太熟悉。它告诉我示例没有声明，引号是多余的还是您忘记了前导引号了？当我检查示例select元素时，它仍然有id='example'。ClientIDMode不起作用，我假设select不是asp控件。我对客户的要求不太熟悉。它告诉我示例没有声明，引号是多余的还是忘记了前导引号？当我检查示例select元素时，它仍然有id='example'。