Javascript Jquery显示隐藏部分不工作-包括JSFIDLE
我有一个脚本,当你点击一个复选框时,它会显示一个隐藏的Javascript Jquery显示隐藏部分不工作-包括JSFIDLE,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个脚本,当你点击一个复选框时,它会显示一个隐藏的。我似乎不明白为什么这个部分不显示。下面是我的脚本 这里有一个可以看到复选框向下滚动到显示“添加配偶”的位置,该部分隐藏在那里 $.appicant.applicants(); $('#spouse').live('click', function () { alert('s'); if ($(this).is(':checked')) { $('.spouse-content').slideDown
。我似乎不明白为什么这个部分不显示。下面是我的脚本
这里有一个可以看到复选框向下滚动到显示“添加配偶”的位置,该部分隐藏在那里
$.appicant.applicants();
$('#spouse').live('click', function () {
alert('s');
if ($(this).is(':checked')) {
$('.spouse-content').slideDown();
} else {
$('.spouse-content').slideUp();
}
});
您应该使用,因为方法在jQuery 1.7+版本中被弃用,在1.9版本中被删除+
$.appicant.applicants();
$('#spouse').on('click', function () {
alert('s');
if ($(this).is(':checked')) {
$('.spouse-content').slideDown();
} else {
$('.spouse-content').slideUp();
}
});
正如@KevinJantzer所说,行
$.appicant.applicators()有一些问题代码>这是您的修复演示:
您需要将live
更改为on
。我还不得不评论这句话:
$.appicant.applicants();
因为它导致JS失败。live()
从jQuery版本1.9
开始。由于您已经包括jQuery1.10.1
,因此您需要使用:
$('#spouse').on('click', function () {
alert('s');
if ($(this).is(':checked')) {
$('.spouse-content').slideDown();
} else {
$('.spouse-content').slideUp();
}
});
此外,您没有包含导致此错误的申请者插件:
Cannot call method 'applicants' of undefined
正在抛出一个错误。解决了这个问题,剩下的代码就可以正常工作了。另外,使用“on”代替不推荐的“live”。live在1.7中不推荐,在1.9中被删除@MichaelFalciglia:很高兴提供帮助
$.applicant.applicants();