-1

我尝试了一个小代码片段来隐藏表单 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 个复选框 Timber Aluminum 和 Echo Panel.. 当一个人点击 Timber 时，div 应该淡入。

4

2 回答 2

1

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

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

堵塞。

顺便说一句，这很容易确定，方法是在 Firebug 函数的第一行设置断点并单击复选框。使用 Firebug 进行调试对于 Javascript 开发人员来说是一项非常有用的技能——你应该学习如何去做。

于 2012-10-11T22:53:06.607 回答
1

$('checkbox')会找到<checkbox>元素。没有这样的东西，所以没有任何事件处理程序附加到它上面。

试试$('.checkbox')吧。保罗提到的ready事情也不会受到伤害。:)

于 2012-10-11T22:56:21.270 回答