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>

有两个 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 回答