我正在尝试制作一个超级简单的“查看更多..”链接。我之前使用按钮进行过操作,但是在移动设备上效果不佳,因此我将其更改为链接,但是却收到此错误消息: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);
});