我正在尝试构建一个简单的字体增加/减少功能,该功能在我的本地计算机上可以正常工作,但是当我将其集成到JSP中时,它将停止工作。然后,我从互联网上下载该页面,并将我的js保留在</body>
标记之前,它开始正常工作。
然而,战斗是该JSP没有body
起始标签和结束标签,因此我该如何处理。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
function getSize() {
size = $('.navbar-default .navbar-nav>li>a span,#menu li a').css("font-size");
size = parseInt(size) + 1;
//$( "#font-size" ).text( size );
}
//get inital font size
getSize();
$(".fontSizePlus").on("click", function() {
if ((size + 1) < 22) {
$($('.navbar-default .navbar-nav>li>a span,#menu li a,.right-description,.right-description a,.newsboard h4,.event-right-description h3 a,.event-right-description span,span.heading-text,.heading-text,.recent-files ul li a,.recent-files ul li span,.forums ul li span,.forums ul li a,.activity-feed ul li span,.activity-feed ul li a,.wiki ul li span,.wiki ul li a')).css("font-size", "+=2!important");
$("#font-size").text(size += 2);
}
});
$(".fontSizeMinus").on("click", function() {
if ((size - 1) >= 14) {
$($('.navbar-default .navbar-nav>li>a span,#menu li a,.right-description,.right-description a,.newsboard h4,.event-right-description h3 a,.event-right-description span,span.heading-text,.heading-text,.recent-files ul li a,.recent-files ul li span,.forums ul li span,.forums ul li a,.activity-feed ul li span,.activity-feed ul li a,.wiki ul li span,.wiki ul li a')).css("font-size", "-=2");
$("#font-size").text(size -= 2);
}
});
$(".fontSizeNormal").on("click", function() {
$('.navbar-default .navbar-nav>l`enter code here`i>a span,#menu li a,.right-description,.right-description a,.newsboard h4,.event-right-description h3 a,.event-right-description span,span.heading-text,.heading-text,.recent-files ul li a,.recent-files ul li span,.forums ul li span,.forums ul li a,.activity-feed ul li span,.activity-feed ul li a,.wiki ul li span,.wiki ul li a').css("font-size", '');
});
</script>