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

本文关键字:ID XXXXXXX 一个对象 | 更新日期: 2023-09-27 18:31:26

与以下内容无关:此页面上的另一个对象已使用 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,但它们是不同的控件。

我收到警告:

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

多次。

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

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

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

<div class="UCStyle1">

<div class="UCStyle1">

和:

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