2013-12-10 2 views
1

Codepen 예제를 공부하여 Javascript 탭을 배우려고하지만 코드를 다른 곳에 붙여 넣을 때마다 코드가 변경됩니다. 무슨 뜻인지 보여주기 위해 html, css 및 JS를이 펜에서 가져 와서 직접 JSFiddle에 붙여 넣었습니다. 그러면 JSFiddle에서 결과가 잘못되었습니다. Codepen과 JSFiddle은 동일한 코드로 다른 결과를 얻었습니까?

http://jsfiddle.net/PJu8b/

http://codepen.io/todd01925/pen/awGzD

... codepen에

thanks for the help

답변

0

그것은 당신이 LESS와 jsfiddle 당신이 할 수없는에서 사용할 수 있기 때문에) 만 LESS 중첩 된 CSS에 허용 .

고정 코드 : http://jsfiddle.net/PJu8b/2/

그래서 대신 :

.tabs { 
    li { ...} 
    a { ...} 

수행

.tabs li {...} 
.tabs a {...} 
+0

흠 코드가 여전히 나를 위해 고장 ... 내가 놓친 거지 뭔가를? 또 다른 예는 없습니다. 그러나 탭은 jsfiddle : http://codepen.io/CoffeeCupDrummer/pen/qmIdx ... 및 http://jsfiddle.net/5fv9B에서 여전히 작동하지 않습니다./ –

+1

jQuery를 켜십시오 :) –

+0

대단히 감사합니다! –

관련 문제