Question

我尝试了一个小代码段来隐藏表单div标签，并在单击一个复选框时淡入。

请查看代码

$('checkbox').change(function () {
    if ($('[id=vfb-i-would-like-samples-in-24-1]').attr("checked"))
    {
        alert("test");
        $('.vfb-timber-34').fadeIn();
        return;
    }
   $('.vfb-timber-34').fadeOut();
});

但是当我在现场使用它时它无法正常工作。有人能帮我吗。

这是小提琴网址 http://jsfiddle.net/addyosmani/ND428/

这是我的网站网址 http://conceptclick.webande-commercesolutions.com/?page_id=2238

当你去底部的“我想要样品”时。有3个复选框木材铝和Echo面板..当一个人点击木材时，div应该淡入。

Answer 1

您的$('checkbox').change(function () {永远不会被激活。您可能在屏幕上的复选框之前调用它。尝试将其包装在

中

jQuery(document).ready(function () {
});

块。

顺便说一句，通过在Firebug中的函数的第一行放置一个断点并单击复选框，可以很容易地确定这一点。使用Firebug进行调试对于Javascript开发人员来说是一项非常有用的技能 - 你应该学习如何。

Answer 2

$('checkbox')会找到<checkbox>个元素。没有这样的东西，所以什么都没有附加事件处理程序。

请尝试使用$('.checkbox')。保罗所提到的ready事也不会受到伤害。：）

Jquery Checkbox淡出淡出不起作用。但是在小提琴里工作

2 个答案: