2017-01-06 21 views
0

如果我转到jsfiddle并更改代码使其看起来像这样jsfiddle,则前者按预期工作,即我的某些元素周围会出现13px的红色边框。但是对于后者,完全相同的代码不会产生边界。我已经查看了两者的设置和外部资源,但它们看起来完全相同。这可能很明显,但我只是没有看到它。 (所以要求我张贴的代码,所以这里是第二的jsfiddle代码):jsfiddle的奇怪体验

HTML:

<div class="myclass">NOT This Guy</div> 
<div class="myclass otherclass">This Guy</div> 
<span class="myclass otherclass">This Guy</span> 
<span class="myclass otherclass anotherclass">This Guy</span> 
<span class="otherclass">NOT This Guy</span> 

的javascript:

$(".myclass.otherclass").css("border", "13px solid red"); 

为什么代码只有当我的工作在前者使用它,但不使用后者jsfiddle(或者我创建的任何其他新jsfiddle)?

+0

如果“没有按”吨工作“你肯定会得到一个错误...有什么错误? –

+0

@FelixKling正如我所说,没有错误,它不会产生红色边框。 – davej

+0

@davej当我去你的小提琴并打开Javascript控制台时,我看到这个错误:**未捕获的ReferenceError:$未定义**你没有得到那个错误? – Barmar

回答

2

你的第二个小提琴在非库模式下运行,但是你写的JS代码需要jQuery才能工作。补充一点,而且它把红色的边框预期...

(要添加的jQuery,点击由JavaScript标签齿轮符号,例如在屏幕的中间附近)。