使用jQuery添加表单字段（wordpress中的联系人7表单）

Question

我正在尝试使用jQuery添加表单字段（wordpress中的联系人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是不够具体的。

Answer 2

很抱歉，那只是：

$(document).ready(function() {
    $("#show").click(function() {
         $('.container1:hidden:first').show();
    });   
});