单击按钮，div不会像jQuery那样隐藏

Question

我正在运行它（我以下面的方式调用jQuery，因为我在Wordpress中这样做）：

jQuery('.wpcf7-submit').click(function() {
    jQuery('.contactFormPhone').hide(); 
});

按钮代码：

<input type="submit" value="" class="wpcf7-form-control wpcf7-submit">

我要隐藏的div：

<div class="contactFormPhone">(877) 888-8888</div>

我希望当点击按钮时，会隐藏名为“contactFormPhone”的div，但没有任何反应。

Answer 1

确保您使用正确的路径引用了正确的jQuery文件，并将代码包装在DOM中

jQuery(document).ready(function() {
    jQuery('.wpcf7-submit').click(function() {
        jQuery('.contactFormPhone').hide(); 
    })
});

Answer 2

以下是解决问题的代码。

  jQuery('.wpcf7-submit').click(function() {
    jQuery('.contactFormPhone').hide(); 
});

结帐工作小提琴=＆gt; http://jsfiddle.net/f4jvS/1/