ToggleClass没有调整段落fontSize的大小

Question

我很难让jQuery的ToggleClass增加和减少我的'p‘字体大小。单击“增加”图标时，我希望我的段落文本“fontSize”中的“id=#text”增加16 to，当再次单击该图标时，将返回14 to。我认为实现这一目标的最佳方法是使用jQuery的ToggleClass，但它似乎没有正常工作。欢迎并感谢任何建议或解决方案。

jQuery代码：

$(function(){
  $(".large-type").live("click",function(){
    $("#text").toggleClass("large");
  });
});

HTML5代码：

<p id="text">
    MANHATTAN, KAN - The Longhorns, three games into their defense of the No. 1 ranking, come to  a place where the opponent is formidable, the crowd is raucous, and the reference might just wear out their whistles.<br><br> They come to face No. 13 Kansas State, an in-your-face team that reflects the personality of its coach, Frank Martin. The wildcats spend much of their games fouling and shooting free throws.<br><br>All 12,528 tickets have been sold, and coach Rick Barnes hopes the Longhorns can summon the fortitude Texas A&M showed in the packed Erwin Center on Saturday during a 72-67 loss to the Longhorns in overtime.<br><br>"It's gonna be flipped Monday," Barnes said. "We're not gonna have the house. I hope we go in with the same intensity A&M brought."<br><br>Kansas State has 13 consecutive victories at home, its longest streak in Manhattan since winning 20 straight in 1981-82.<br><br>The Longhoorns and Wildcats would not be called rivals, but you couldn't tell by their games in recent seasons.<br><br>Barnes is 8-4 against Kansas State. The Longhorns have won four of the last six, but five of those games were decided by four points or fewer. Texas has won the last two in Manhattan. K-State has a two-game winning steak in Austin.
</p>

Answer 1

在css中定义以下内容可以解决您的问题。

#text { font-size:14px}
#text.large{ font-size:16px}

Answer 2

类与CSS属性值不同。因此，您需要在CSS中为“大型”类定义字体大小属性，这样才能工作：

.large{font-size: large;}