2013-04-22 2 views
-3

내가이 HTML 코드가 원하는대로 작동하지 :JQuery와 내가

<div id="switcher" > 
<h3>Style Switcher</h3> 
<button id="switcher-large"> 
Large Print 
</button> 
    <br/> <br/>text 
</div> 

그리고이 jQuery 코드

$(document).ready(function() { 
$('#switcher-large').bind('click', function() { 
$('#switcher').addClass('large'); 
}); 
}); 

을 그리고

.large { 
font-size: 2.5em; 
}**strong text** 

내가 텍스트를 원하는이 CSS 스타일을 가지고 내가 버튼을 클릭했을 때 2.5em이 될 div 안에 있지만, 원하는대로 작동하지 않습니다. 다음의 코드 : 당신은 당신의 바이올린에 jQuery를 포함하지 않은

http://jsfiddle.net/MzJaH/

+4

jQuery를 포함하면 피들이 잘 작동합니다. http://jsfiddle.net/j08691/MzJaH/8/. 또한'.bind()'는'.on()'을 위해 더 이상 사용되지 않습니다. – j08691

+1

그것은 jquery http://jsfiddle.net/MzJaH/7/을 사용하는 한 오래 작동합니다. 원래 피들에 jquery가 포함되어 있지 않습니다. – Ejaz

+0

jsfiddle에서 프레임 워크를 순수 자바 스크립트에서 jquery로 변경하면 모든 작업이 예상대로 완료됩니다. –

답변

4

코드가 맞으면 jsFiddle에서 프로젝트에 jQuery를 추가해야합니다. 왼쪽 편에서 libs 목록에서 jQuery를 선택하십시오!

2

. 왼쪽 사이드 바 상단의 메뉴에서 jQuery를 추가했습니다. http://jsfiddle.net/MzJaH/11/

jQuery를이 :

$(document).ready(function() { 
    $('#switcher-large').click(function() { 
     $('#switcher').addClass('large'); 
    }); 
}); 

또한 .click.bind 클릭을 변경했습니다.

0

당신은 jQuery를 JS 처음