Question

如果我转到此jsfiddle并更改代码使其看起来像jsfiddle，则前者按预期工作，即我的某些元素周围有一个13px的红色边框。但就后者而言，完全相同的代码并不能产生边界。我已经查看了两者的设置和外部资源，但它们看起来完全相同。它可能是显而易见的，但我只是没有看到它。（所以要求我发布代码，所以这里是第二个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）时才起作用？

Answer 1

你的第二个小提琴在无库模式下运行，但你编写的JS代码需要jQuery才能工作。添加它，它确实按预期放置红色边框...

（要添加jQuery，请点击JavaScript标签上的齿轮符号，例如靠近屏幕中间。）

与jsfiddle的奇怪经历

1 个答案: