Question

我使用此处提供的代码：http://trevordavis.net/blog/simple-jquery-text-resizer，以便我的访问者可以重新调整页面文本的大小。我喜欢这种方法，除了它使用3个按钮来改变文本大小。我有重新调整尺寸按钮的工作，但我现在要完成的是让它循环我的按钮（显示：阻止 - 显示：无）。 ei：如果文字大小小，则显示中等按钮，如果文字大小介质显示大按钮，如果文字大，则显示小按钮，而不是让所有时间都显示3个按钮。

我使用的是jquery-1.7.1.min.js（切换尚未退役）。

我的文字调整部分代码的大小，但不是切换按钮。在切换ID而不是上课时可能会有希望，但是，不能流利的js，我还没有想出如何定位id而不是课程，我不知道那是什么首先是代码错误。

这是我的代码：

<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>
<script type="text/javascript">
/*set resizer cookie*/
$(document).ready(function() {
    if($.cookie('TEXT_SIZE')) {
        $('body').addClass($.cookie('TEXT_SIZE'));  
    } else {
        $('body').addClass("small");    
    }
    /*set resizer class to body*/
    $('.resizer a').click(function() {
        var textSize = $(this).parent().attr('class');
        $('body').removeClass('small medium large').addClass(textSize);
        $.cookie('TEXT_SIZE',textSize, { path: '/', expires: 10000 });
        return false;
        /*show the proper button (for looping sizes, from small to large, back to small ---NOT WORKING*/
         $('.toggle').hide();

        if (textSize = 'small') {elem = "medium" };
        if (textSize = 'medium') {elem = "large" } ;
        if (textSize = 'large') {elem = "small" };
    $('.toggle').not(elem).hide();
    elem.toggle();          
    });
});
</script>

<ul class="resizer" id="link">
<li class="small" id="small" style="display: block;"><a href="#" class="togglelink">  <img alt="larger" width="22" height="16" src="../Images/BaseFiles/glyphicons_115_text_smaller.png"/></a></li>
<li class="medium"  id="medium"  style="display: none;"><a href="#" class="togglelink"><img alt="larger" width="22" height="16" src="../Images/BaseFiles/glyphicons_116_text_bigger.png"/></a></li>
<li class="large"  id="large" style="display: none;"><a href="#" class="togglelink">  <img alt="smaller" width="22" height="16" src="../Images/BaseFiles/glyphicons_116_text_bigger.png"/></a></li>
</ul>

感谢您的帮助！

Answer 1

working example

在你的代码中循环大小块在＆＃34;之后返回false＆＃34;表达式，结束＆＃34;点击＆＃34;中脚本的任何进一步执行。功能。

在jquery中操作类也存在一些错误像这样：

if (textSize == 'small') {elem = ".medium" };

JQUERY 1.7.1 toggle li id无效

1 个答案: