首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery显示隐藏部分不工作-包括JSfiddle

Jquery显示隐藏部分不工作-包括JSfiddle
EN

Stack Overflow用户
提问于 2014-02-27 15:57:35
回答 3查看 87关注 0票数 0

我有一个脚本,当您单击复选框时,它将显示一个隐藏的<div>。我似乎搞不懂为什么这部分不会出现。下面是我的剧本。

下面是一个JSfiddle,它可以看到复选框向下滚动到“添加配偶”的地方,该部分隐藏在那里。

代码语言:javascript
运行
复制
 $.appicant.applicants();
 $('#spouse').live('click', function () {
     alert('s');
     if ($(this).is(':checked')) {
         $('.spouse-content').slideDown();
     } else {
         $('.spouse-content').slideUp();
     }
 });
EN

回答 3

Stack Overflow用户

发布于 2014-02-27 16:03:40

下面是您的修补程序演示:

演示

您需要将live更改为on。我也不得不评论一下这句话:

代码语言:javascript
运行
复制
$.appicant.applicants();

因为它导致了JS的失败。

票数 1
EN

Stack Overflow用户

发布于 2014-02-27 16:05:01

live()是jQuery版本1.9删除。由于您已经包含了jQuery 1.10.1,所以您需要使用关于()

代码语言:javascript
运行
复制
$('#spouse').on('click', function () {
    alert('s');
    if ($(this).is(':checked')) {
        $('.spouse-content').slideDown();
    } else {
        $('.spouse-content').slideUp();
    }
});

另外,您也不包括applicants插件,这也会导致此错误:

代码语言:javascript
运行
复制
Cannot call method 'applicants' of undefined 
票数 0
EN

Stack Overflow用户

发布于 2014-02-27 16:11:10

代码语言:javascript
运行
复制
    $.applicant.applicants();

正在抛出一个错误。修复它,剩下的代码就可以工作了。另外,用"on“代替不推荐的"live”。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22073717

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档