如何使用jQuery为按钮单击事件设置位置？

我有这个页面：

链接

在主页上，您会看到一个名为“获取报价”的按钮。 当您点击此按钮时，我想打开链接“google.com”。

我尝试使用此代码使用jQuery执行此操作，但它无法正常工作。

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

这个网站是用Wordpress制作的，我使用插件联系表7

你能帮我解决这个问题吗？

提前致谢！

Answer 1

你忘记了两件事：

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 2

使用以下代码：

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

在链接之前添加http://可以帮助您。

还使用：

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

如果wpcf7-submit是class，请使用dot指定它. 在jQuery中

如果wpcf7-submit是id，那么在jQuery中使用dot #指定它

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中不起作用，有关详细信息，请参阅此处