Javascript jQuery不在jade中工作。Documnet.ready函数不工作

尝试了不同的意图，但jQuery部分仍然不起作用。 PS：jQuery库已经包含在文档中。此文档已扩展。

extends home
mixin print(x,y)
 if x < y
  .column=x
 else
  .column

mixin rooms(n,num,a,b,c,d)
 while n < num
  .row(value=n++)
  +print(n,a)
  +print(n,b)
  +print(n,c)
  +print(n,d)

block content

  div(id="tabs")
  .row
   .column
    a(href="#tab1" onclick="open(this.href)") Ground Floor
   .column
    a(href="#tab2" onclick="open(this.href)") Ist Floor
   .column
    a(href="#tab3" onclick="open(this.href)") IInd Floor

  div(id="tab1")
   +rooms(100,111,111,104,111,111) 
  div(id="tab2") 
   +rooms(200,217,217,211,214,211)
  div(id="tab3")
   +rooms(300,317,317,311,314,311)

script(src='https://code.jquery.com/jquery-2.1.1.min.js')
script.
 $(document).ready(function(){
  $('#tab1').hide();
  $('#tab2').hide();
  $('#tab3').hide();   
 });

扩展主页
混合打印（x，y）
如果x

1.jQuery没有隐藏它被要求隐藏的div

2.控制台中没有错误。

尝试使用ID写入

div(id="tabs")
  .row
   .column
    a(href="#tab1" onclick="open(this.href)") Ground Floor
   .column
    a(href="#tab2" onclick="open(this.href)") Ist Floor
   .column
    a(href="#tab3" onclick="open(this.href)") IInd Floor

  #tab1 rooms(100,111,111,104,111,111) 
  #tab2 rooms(200,217,217,211,214,211)
  #tab3 rooms(300,317,317,311,314,311)

---

生成的html与预期的一样

我把这块玉复制成了一块石头

输出的结尾如下所示：

<script>
  $(document).ready(function(){
   $('#tab1').hide();
   $('#tab2').hide();
   $('#tab3').hide();   
</script>});

当我更正该错误时，它成功隐藏了以下元素：

101
101
101
101
102
102
102
102
103
103
103
103
104
104
104
105
105
105
106
106
106
107
107
107
108
108
108
109
109
109
110
110
110
201
201
201
201
202
202
202
202
203
203
203
203
204
204
204
204
205
205
205
205
206
206
206
206
207
207
207
207
208
208
208
208
209
209
209
209
210
210
210
210
211
211
212
212
213
213
214
215
216
301
301
301
301
302
302
302
302
303
303
303
303
304
304
304
304
305
305
305
305
306
306
306
306
307
307
307
307
308
308
308
308
309
309
309
309
310
310
310
310
311
311
312
312
313
313
314
315
316
$（文档）.ready（函数（）{
$（'#tab1'）.hide（）；
$（'#tab2'）.hide（）；
$（'#tab3'）.hide（）；
});

好的最后，当您有一个扩展文件时，您将js代码保留在父文件中，因为保留在扩展文档的末尾会导致它被某个标记继承。

不要将Jade源代码与您在浏览器中看到的效果进行比较。看看您从Jade生成的HTML。这和你期望的一样吗？然后调试它。查看浏览器中的开发人员工具。控制台上有错误吗？如果添加诸如

console.log（$（'#tab1'）.length）之类的测试

，你得到了什么结果？不太精通jade，但在

脚本之后看起来像额外的
。如上所述，请查看它在browser@charlietfl-需要
：生成的html与预期一样，在控制台中没有错误。只是jQuery不起作用。@virattara-那么在其他条件相同的情况下，它应该起作用。您的问题中没有足够的信息来确定问题是什么。（最好给我们看一看不起作用的HTML，而不是Jade，因为你说过你得到的HTML就是你想要的HTML，所以Jade不会有问题）。这对输出没有任何影响。你的奉献精神是非凡的，先生，但似乎我在复制代码时漏掉了空格键。(}),；在原始文件中的意图是正确的。对此表示歉意，我的代码仍然没有运行。我使用的是Firefox，有可能会产生问题吗？@virattara-没有，这个答案中的实时演示在Firefox中运行得很好。在我的服务器上，它不工作了。在我的服务器上，jade转换器一切正常。@virattara-那么服务器上的HTML与您在问题中输入的jade生成的HTML有所不同。这让我们回到了需要一个真正的，好的，开始吧。顺便说一下，这三个词总是在你的缓存中。你提到他们很快。
Uncaught SyntaxError: Unexpected end of input