Question

我很难让jQuery的ToggleClass增加和减少我的'p'字体大小。当点击增加图标时，我希望我的段落文本'id = #text'的fontSize增加16px，当再次点击图标时减少14px。我认为实现这一目标的最佳方法是使用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

Class与CSS property-value不同。因此，您需要在CSS中为“大型”类定义font-size属性，以使其工作：

.large{font-size: large;}

ToggleClass没有调整段落fontSize的大小

2 个答案: