jsfiddle的奇怪體驗

如果我轉到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）？

來源

2017-01-06 davej

如果「沒有按」噸工作「你肯定會得到一個錯誤...有什麼錯誤？ –

@FelixKling正如我所說，沒有錯誤，它不會產生紅色邊框。 – davej

@davej當我去你的小提琴並打開Javascript控制檯時，我看到這個錯誤：**未捕獲的ReferenceError：$未定義**你沒有得到那個錯誤？ – Barmar

你的第二個小提琴在非庫模式下運行，但是你寫的JS代碼需要jQuery才能工作。補充一點，而且它把紅色的邊框預期...

（要添加的jQuery，點擊由JavaScript標籤齒輪符號，例如在屏幕的中間附近）。

來源

2017-01-06 01:46:08 Lucero

jsfiddle的奇怪體驗

回答

相關問題