我正在尝试制作一个超级简单的“查看更多..”链接。我之前使用按钮进行过操作,但是在移动设备上效果不佳,因此我将其更改为链接,但是却收到此错误消息:
jquery-3.1.1.min.js:2 jQuery.Deferred exception: seeMore is not a function TypeError: seeMore is not a function

这是代码。我认为这只是某个地方的愚蠢语法错误。

$(document).ready(function(){
    var seeMore = document.getElementById('seeMore');

    seeMore.onclick=seeMore();

    function seeMore(){
        document.getElementById('infoText').innerHTML= 'More text';
    };

    function seeLess(){
        document.getElementById('infoText').innerHTML= 'Less text';
    };
});


这是链接的seeMore ID。

<a href="#" id="seeMore">See More</a>


这里发生了什么??

最佳答案

您对属性和函数使用相同的名称,因此不清楚您的意思。

您可以重命名一个变量。

同样,在为seeMore()分配括号时,还会分配函数的返回值,而不是函数本身。您需要卸下支架。

您还可以使用jquery提供的事件轻松支持所有浏览器。

$(document).ready(function(){
    var seeMoreElement = document.getElementById('seeMore');

    function seeMore(){
        document.getElementById('infoText').innerHTML= 'More text';
    };

    function seeLess(){
        document.getElementById('infoText').innerHTML= 'Less text';
    };

    $(seeMoreElement).click(seeMore);
});

10-04 16:33