jquery - 使用 jQuery 添加表单字段(wordpress 中的 contact 7 表单)

Question

我正在尝试使用 jQuery 添加表单字段(wordpress 中的 contact 7 表单)。它具有用 jQuery 显示的隐藏字段。

我刚刚完成了一个工作正常的 jsFiddle:http://jsfiddle.net/Mangomeat/SfTyG/1/

我的 JavaScript:

$(document.body).click(function () {
    $("div:hidden:first").fadeIn("slow");
  });

但是当我将 jQuery 函数放入我的 WordPress 测试页面时，我无法让它工作。

http://libra-frisk.com/uberMenuTest/?page_id=84#

Answer 1

您尚未将点击事件附加到节目或点击此处链接。为它们添加一个 id 和您想要显示的 div。然后将你的 JS 更改为:

$(document).ready(function() {
 $('#show').click(function () {
    $("#hiddencontent").fadeIn("slow");
  });
});

因此，在这种情况下，您可以将显示 ID 添加到“点击此处”号召性用语，并将隐藏内容 ID 添加到您想要显示的隐藏内容中。原因是您对于要与哪些元素进行交互不够具体，在您的情况下，div 和 body 不够具体。