无法增加点击一个按钮的字体大小

我想改变两个div的字体大小，当我点击一个特定的按钮，但按钮点击没有响应，请帮助。我在一个选择器中使用两个div ID。也请让我知道错误在哪里，下面是我的代码。无法增加点击一个按钮的字体大小

<html> 

<head> 
<title> 
Example 2 
</title> 

<style> 

    body 
    { 
     margin:10px 2em; 
    } 
    .switcher 
    { 
     float:right; 
     margin:10px; 
     background-color:#ddd; 
     border: 1px solid #000; 
     padding : 10px; 
     font-size:0.9em; 
    } 

    .large 
    { 
     font-size:2em; 
    } 

</style> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function{ 
     $('#switcher-large').on('click',function(){ 
      $('#header, #chapter-preface').addClass('large'); 
     }); 
    }); 
</script> 
</head> 

<body> 
<div id="container"> 

     <div id="switcher" class="switcher"> 
     <h3>Style Switcher</h3> 
     <button id="switcher-default"> 
      Default 
     </button> 
     <button id="switcher-narrow"> 
      Narrow Column 
     </button> 
     <button id="switcher-large"> 
      Large Print 
     </button> 
     </div> 

     <div id="header"> 
     <h2>A Christmas Carol</h2> 
     <h2 class="subtitle">In Prose, Being a Ghost Story of Christmas</h2> 
     <div class="author">by Charles Dickens</div> 
     </div> 

     <div class="chapter" id="chapter-preface"> 
     <h3 class="chapter-title">Preface</h3> 
     <p>I HAVE endeavoured in this Ghostly little book, to raise the Ghost of an Idea, which shall not put my readers out of humour with themselves, with each other, with the season, or with me. May it haunt their houses pleasantly, and no one wish to lay it.</p> 
     <p>Their faithful Friend and Servant,</p> 
     <p>C. D.</p> 
     <p>December, 1843.</p> 
     </div> 


</body> 

</html>

来源

2014-07-24 Vaibhav

'的乐趣ction {'不是有效的JavaScript，应该是'function（）{'。当某些事情不工作时，您应该检查调试控制台是否有错误。 – Blender

对不起，我的错误，谢谢:) @Blender – Vaibhav

你有一个语法错误

尝试更换

$(document).ready(function{

为

$(document).ready(function(){

来源

2014-07-24 05:34:07 jennas

愚蠢的错误:(@pixelchild – Vaibhav

试试这个

$('#header h2, #chapter-preface h3, #chapter-preface p').addClass('large');

来源

2014-07-24 07:10:30

无法增加点击一个按钮的字体大小

回答

相关问题