jQuery选项卡错误

本文关键字：错误 选项 jQuery | 更新日期: 2023-09-27 18:11:49

我正在尝试在c#中使用jQuery选项卡。下面是我包含的脚本源和样式表:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="Styles/jquery-ui.css" />
<script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
        $("#reportTabs").tabs();
    });
</script>

这里是我设置jQuery选项卡的地方:

     <div id="reportTabs">
    <ul>
        <li><a href="#mainContent_statusDiv">By Region</a></li>
        <li><a href="#mainContent_exeDiv">Execution Status Report</a></li>
        <li><a href="#mainContent_dueDiv">Due in 30 Days</a></li>
        <li><a href="#mainContent_rangeDiv">Due in 30-90 Days</a></li>
        <li><a href="#mainContent_areaDiv">By Service Area</a></li>
    </ul>
    <div id="statusDiv" runat="server">
    </div>
    <div id="exeDiv" runat="server">
    </div>
    <div id="dueDiv" runat="server">
    </div>
</div>

但不知何故，当我试图运行页面时，它告诉我一个错误消息:mismatching fragment identifier。我想知道是哪一部分出了问题?

jQuery选项卡错误

更改HTML并尝试，希望它应该工作，我猜href中的mainContent_是罪魁祸首

<div id="reportTabs">
    <ul>
        <li><a href="#statusDiv">By Region</a></li>
        <li><a href="#exeDiv">Execution Status Report</a></li>
        <li><a href="#dueDiv">Due in 30 Days</a></li>
        <li><a href="#rangeDiv">Due in 30-90 Days</a></li>
        <li><a href="#areaDiv">By Service Area</a></li>
    </ul>
    <div id="statusDiv" runat="server">
        1
    </div>
    <div id="exeDiv" runat="server">
        2
    </div>
    <div id="dueDiv" runat="server">
        3
    </div>
    <div id="rangeDiv" runat="server">
        4
    </div>
    <div id="areaDiv" runat="server">
        5
    </div>
</div>
演示:

http://jsfiddle.net/TLB79/请查看外部资源的JS和CSS URL

相关文章：