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

Question

我正在尝试使用 jQuery 添加表单字段（wordpress 中的联系 7 表单）。它具有使用 jQuery 显示的隐藏字段。

我刚刚完成了一个运行良好的 jsFiddle：http: //jsfiddle.net/Mangoeat/SfTyG/1/

我的JavaScript：

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

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

score 6 · Accepted Answer

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

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

因此，在这种情况下，您可以将 show id 添加到 click here 号召性用语中，并将隐藏内容的 ID 添加到您想要显示的隐藏内容中。原因是您对要与之交互的元素不够具体，在您的案例中 div 和 body 不够具体。

score 1 · Accepted Answer

好吧，对不起，那就是：

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

2 回答 2