Question

我有这个页面：

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

我尝试使用此代码使用jQuery执行此操作，但它无效。

@Controller
@RequestMapping(value = "/**/c")
public class CategoryPageController {

    @RequestMapping(value = "/{categoryCode:.*}", method = RequestMethod.GET)
    public ModelAndView viewCategory(@PathVariable String categoryCode,            
            final HttpServletRequest request) {
        String categoryPath = ...

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

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

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

提前致谢！

Answer 1

你忘记了两件事：

在网址前添加http://。
将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是类，则在jQuery

中使用点.指定它

如果wpcf7-submit为id，则在jQuery中使用点#指定它

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选择器中，你应该写两个没有空格的分类
$在wordpress中不起作用，有关详细信息，请参阅here

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

3 个答案: