javascript $未定义

Question

javascript $未定义

我有一个网页,我想有可折叠的标题,我有下面的代码作为一个例子,但由于某种原因,它一直说$ $没有定义.

<head>
<style>
tr, td
{
    border: 1px solid black;
}
tr.header
{
    cursor:pointer;
}
</style>
</head>
<body>
<table border="0">
<script>
'use strict';
$('.header').click(function(){

$(this).nextUntil('tr.header').slideToggle(1000);
});
</script>
  <tr  class=".header">
   <td colspan="2">Header</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr  class=".header">
    <td colspan="2">Header</td>
  </tr>
  <tr>
    <td>date</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
</table>
</body>

Run Code Online (Sandbox Code Playgroud)

我想要在页面加载时只需获取标题列表,然后当您单击它时会展开它

Answer 1

atm*_*tmd 6

尝试添加jquery:

<head>
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>

Run Code Online (Sandbox Code Playgroud)

此外,你不要.在html中使用前缀,只在选择器中,所以 class=".header"改为 class="header".

除了最佳实践,这里有一个显示代码工作的jsfiddle,你只需要加载lib并在它(和dom)加载后运行脚本

归档时间：	10 年，4 月前
查看次数：	131 次
最近记录：	10 年，4 月前