0

我很难让 jQuery 的 ToggleClass 增加和减少我的“p”字体大小。当点击增加图标时,我希望我的段落文本'id = #text'的字体大小增加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>
4

2 回答 2

1

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

#text { font-size:14px}
#text.large{ font-size:16px}
于 2012-08-08T13:53:06.123 回答
0

类与 CSS 属性值不同。因此,您需要在 CSS 中为“大”类定义 font-size 属性才能使其工作:

.large{font-size: large;}
于 2012-08-08T13:42:53.683 回答