javascript - 获取 TypeError (不是函数) Jquery/Javascript

Question

我正在尝试制作一个 super 简单的“查看更多..”链接。我之前是用按钮来做的，但它在移动设备上效果不佳，所以我将其更改为链接，但出现此错误:jquery-3.1.1.min.js:2 jQuery.Deferred 异常:seeMore 不是函数 TypeError:seeMore 不是函数

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

$(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>

这是怎么回事？

Answer 1

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

您可以重命名一个变量。

此外，当您使用括号分配 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);
});