0

トルコ語の連絡先ページがあります。恐れるな。私はあなたのために翻訳します。とても簡単です。

http://www.zinzinzibidi.com/web_tasarim/iletisim

ソース コードを表示したり、Firebug を使用したりできます。

これは私のページです。また、toggle() 関数を使用して不要な div を非表示/表示することはできません。

例えば、

       <div class="contact-line">
            <div class="contact-title">
                <span>e-posta</span>
            </div>
            <div class="contact-input">
                <input type="email" class="input" required />
            </div>
        </div>

        <div class="contact-line-unrequired">
            <div class="contact-title">
                <span>Tel</span>
            </div>
            <div class="contact-input">
                <input type="tel" class="input" />
            </div>
        </div>

必須と不要の 2 つの div があります。そして、切り替えに使用したいボタンがあります。

        <div class="required-areas-button">
            <span>Sadece gerekli alanları göster</span>
        </div>

そして、ここに私のjQueryコードがあります:

<script>
    $(document).ready(function () {
        $(".required-areas-button").click(function () {
            $(".contact-line-unrequired").toggle();
        });
    });
</script>

私はどこで間違ったのですか？

*「Sadece gerekli alanları göster」とは、「必要な領域のみを表示する」という意味です。

解決済み

皆さん、ありがとうございました！

Jquery コードを少し変更しました。

        <script>
            $(document).ready(function ($) {
                $(".required-areas-button").click(function () {
                    $(".contact-line-unrequired").slideToggle();
                });
            });
        </script>

結果は次のとおりです。

http://www.zinzinzibidi.com/web_tasarim/iletisim

4

2 に答える 2

1

ページにコードがあります：

<script>
    $(document).ready(function () {
        $(".required-areas-button").click(function () {
            $(".contact-line-unrequired").toggle();
        });
    });
</script>

jQueryを含める前に：

<script src="/web_tasarim/Scripts/jQuery-1.8.3.min.js"></script>

本文の最後にインライン スクリプトを配置します。

于 2013-11-10T18:16:58.403 に答える
1

これらの関数を呼び出そうとした後にjQuery をロードしているため、バインドされていません。コンソールをロードすると、実際に$ is not definedエラーが表示されるはずです。ページで使用する前に、jQuery が含まれていることを確認してください。

于 2013-11-10T18:17:15.310 に答える