C# 尝试在.NET Web应用程序中实现jQuery选项卡

我正在尝试实施。然而，Javascript并没有正常工作——所有内容都在显示，没有出现选项卡“切换”。所有JS文件都托管在本地

在我的头部内容占位符中：

<link rel="stylesheet" type="text/css" href="jquery-ui.css">
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script type="text/javascript">
    // not working
    $(document).ready(function () {
        $("#tabs").tabs();
    });
</script>

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">One</a></li>
    <li><a href="#tabs-2">Dos</a></li>
    <li><a href="#tabs-3">Drei</a></li>
  </ul>
  <div id="tabs-1">
    <p>Blah blah blah.</p>
    </div>
  <div id="tabs-2">
    <p>Blah some more.</p>
  </div>
  <div id="tabs-3">
    <p>Blah again.</p>
  </div>
</div>

在我的主体内容占位符中：

<link rel="stylesheet" type="text/css" href="jquery-ui.css">
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script type="text/javascript">
    // not working
    $(document).ready(function () {
        $("#tabs").tabs();
    });
</script>

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">One</a></li>
    <li><a href="#tabs-2">Dos</a></li>
    <li><a href="#tabs-3">Drei</a></li>
  </ul>
  <div id="tabs-1">
    <p>Blah blah blah.</p>
    </div>
  <div id="tabs-2">
    <p>Blah some more.</p>
  </div>
  <div id="tabs-3">
    <p>Blah again.</p>
  </div>
</div>

到目前为止，我还没有搜索到谷歌带我去的任何地方，我已经找到并尝试了以下每一个列表的结果：

将jQuery代码包装在$document.readyfunction{//code here}中；而不是简单的函数$function{$tabs.tabs；}；。这两种方法都不起作用

而不是$tabs.tabs；，使用$.tabs；这样.NET就可以获得html元素的ID。除了不工作之外，这还会产生错误：当前上下文中不存在选项卡

将JavaScript放置在与tabs div标记相同的内容占位符中。还是不行

将runat=server添加到tabs div标记中。还是不行

删除设计器文件，然后右键单击aspx文件并选择“转换为Web应用程序”。这不起作用，因为这已经是一个web应用程序，并且没有设计器文件

我不知道还能做些什么来让它工作

更新：我被要求查看我的浏览器控制台日志，并发现以下内容：

其中一个JS文件出现HTTP/1.1 401未经授权的错误。我注意到它被阻止了，我从文件系统中取消了阻止，但它仍然不工作。

---

我认为问题可能出在jquery脚本的路径上

尝试在浏览器控制台中检查资源的加载，或者您可以尝试从jquery服务器中包含jquery

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

---

浏览器控制台中是否有错误或404？只有在标记上有runat=server时，才需要执行$.tabs；。您的Javascript工作正常-请参阅。我建议在浏览器的“网络”选项卡中检查所有JS是否正确加载。如果您使用的是Web表单，还应检查DIV的ID是否未更改。@DAC84缺少png文件时会出现404，但这些对JS没有影响。JS代码只是304的内容没有修改，这是正常的。@DAC84-hmm JS浏览器控制台日志中的JS文件有401个未经授权的错误。我在本地托管了所有JS。无论出于何种原因，这在本地无法工作，从他们的工作中加载它们。谢谢