“此页面上的另一个对象已使用 ID 'XXXXXXX'

Question

与以下内容无关： Another object on this page already uses ID 'XXXXXXX'

我的页面上有一个 jQuery 多选 Listbox 控件：

jQuery(document).ready(function () {
    jQuery(function () {
        jQuery("#UCStyle1 select").multiselect({
                header: true,
                height: 175,
                minWidth: 240,
                size: 3,
                classes: '',
                checkAllText: 'Check all',
                uncheckAllText: 'Uncheck all',
                noneSelectedText: '0 Selected',
                selectedText: '# selected',
                selectedList: 0,
                show: null,
                hide: null,
                autoOpen: false,
                multiple: true,
                position: {},
                appendTo: "body"
        });
});

它在 div 标签中多次引用，如下所示：

<tr>
    <td>
        Looking for:
    </td>
    <td colspan="3">
        <div id="UCStyle1">
            <asp:ListBox ID="MatchGender" SelectionMode="Multiple" runat="server">
            </asp:ListBox>
        </div>
    </td>
</tr>
<tr>
    <td>
        State:
    </td>
    <td colspan="3">
        <div id="UCStyle1">
            <asp:ListBox ID="sState" SelectionMode="Multiple" runat="server">
            </asp:ListBox>
        </div>
    </td>
</tr>

因此，他们需要参考 jQuery，但它们是不同的控件。

我收到警告：

Another object on this page already uses ID 'ucstyle1'

多次。

知道如何清理它以免收到警告吗？我认为它导致页面在 IE 上看起来完全不稳定，但 Firefox 似乎并不关心它。

Answer 1

您有两个具有相同 id (UCStyle1) 的 div 标签，但是由于 id 是唯一的，您不能在一个页面中使用重复的标签。如果要重复，可以使用 class 而不是 id。

<div class="UCStyle1">

和

<div class="UCStyle1">

并且：

jQuery(".UCStyle1 select").multiselect({

“此页面上的另一个对象已使用 ID 'XXXXXXX'

"Another object on this page already uses ID 'XXXXXXX'

c#

jquery

asp.net

jquery-multiselect