Question

我想增加a和p元素的字体大小，但是本身，增加字体的元素是一个锚元素，所以它随着按压而增加，但这是假的，不能发生。

HTML：

<div class="fontsize">
<a class="fontSizePlus" href="#">A+</a>
|
<a class="fontReset" href="#" style="font-size: 17px;">Reset</a>
|
<a class="fontSizeMinus" href="#" style="font-size: 17px;">A-</a>
</div>

到目前为止，我尝试了各种定位解决方案，例如：

var elm = $('p, a:not("a.fontSizePlus")');

显然没有运气。

jQuery的：

<script type="text/javascript">
$(document).ready(function () {

    //min font size
    var min=9;  

    //max font size
    var max=16; 

    //grab the default font size
    var reset = $('p').css('fontSize'); 

    //font resize these elements
    var elm = $('p, a:not("a.fontSizePlus")');  

    //set the default font size and remove px from the value
    var size = str_replace(reset, 'px', ''); 

    //Increase font size
    $('a.fontSizePlus').click(function() {

        //if the font size is lower or equal than the max value
        if (size<=max) {

            //increase the size
            size++;

            //set the font size
            elm.css({'fontSize' : size});
        }

        //cancel a click event
        return false;   

    });

    $('a.fontSizeMinus').click(function() {

        //if the font size is greater or equal than min value
        if (size>=min) {

            //decrease the size
            size--;

            //set the font size
            elm.css({'fontSize' : size});
        }

        //cancel a click event
        return false;   

    });

    //Reset the font size
    $('a.fontReset').click(function () {

        //set the default font size 
         elm.css({'fontSize' : reset});     
    });

});

//A string replace function
function str_replace(haystack, needle, replacement) {
    var temp = haystack.split(needle);
    return temp.join(replacement);
}
</script>

Answer 1

我不确定我完全理解你所要求的......

这是一个链接到它设置的小提琴

http://jsfiddle.net/mkyzP/

一切似乎都很好。

您只需要确保更改

var elm = $('p, a:not("a.fontSizePlus")');

到

var elm = $('p, a:not("a.fontSizePlus, a.fontReset, a.fontSizeMinus")');

因此没有任何链接收缩或增长。

或者您可以将a标签更改为span标签。

想要增加锚元素的大小，而不是使用jquery增加锚本身的大小

1 个答案: