Question

我正在尝试在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。我想知道哪个部分出了问题？

提前致谢。

Answer 1

更改HTML并尝试，希望它应该有效，我猜mainContent_中的href正在扮演罪魁祸首

<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的外部资源

jQuery选项卡错误

1 个答案: