如何使用jQuery设置按钮点击事件的位置？

Question

我有这个页面：

link

这里在主页上，你会发现一个名为“获取报价”按钮。当你点击这个按钮时，我想打开链接“google.com”。

我试图用jQuery来做到这一点，但它不工作。

jQuery(document).ready(function($) { 
    $('.wpcf7-form-control wpcf7-submit').click(function() { 
    window.location = "www.google.com/index.php?id="; 
    }); 
}); 

这个网站是由与Wordpress和我使用的插件联系表7

<div class="contact-frm"> 
     <div class="right"> 
      <?php echo do_shortcode('[contact-form-7 id="9" title="get a quote"]'); ?> 
     </div> 
    </div> 

能否请你帮我解决这个问题？

在此先感谢！

Answer 1

使用下面的代码：

window.location = "http://www.google.com/index.php?id="; 

加入http://之前的链接可以帮助你。

还可以使用：

$('.wpcf7-form-control .wpcf7-submit'); 

如果wpcf7-submit是类的jQuery

使用点 .指定它

如果wpcf7-submit的ID，然后在指定的jQuery使用点#它

Answer 2

你忘了两件事情：

1. 广告在URL前面输入一个http://。
2. 更改wpcf7-submit至.wpcf7-submit。

用这样的方式：

jQuery(document).ready(function($) { 
    $('.wpcf7-form-control .wpcf7-submit').click(function() { 
     window.location = "http://www.google.com/index.php?id=" + $(this).attr("id"); 
    }); 
}); 

Answer 3

取而代之的是：

jQuery(document).ready(function($) { 
    $('.wpcf7-form-control wpcf7-submit').click(function() { 
     window.location = "www.google.com/index.php?id="; 
    }); 
}); 

使用此：

jQuery(document).ready(function($) { 
    jQuery(function($) { 
     $(".wpcf7-form-control.wpcf7-submit").click(function() { 
      window.location = "http://www.google.com/index.php?id="; 
     }); 
    }); 
}); 

它会为你工作。也有一些是你应该知道：

• 在jQuery选择，你应该写两个classas没有空间
• $在WordPress不能正常工作，有关详细信息，请参阅here