-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();
});

しかし、ライブサイトで使用すると機能しません。誰かが私を助けることができますか？

ここにフィドルのURLがあります http://jsfiddle.net/addyosmani/ND428/

ここに私のサイトの URL http://conceptclick.webande-commercesolutions.com/?page_id=2238があります

一番下の「サンプルを希望します」に行くと。Timber Aluminium と Echo Panel の 3 つのチェックボックスがあります。ユーザーが 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 に答える