Question

我想使用JQuery创建一个链接按钮，但我下面写的代码似乎不起作用。缺少什么？

<head>
        <title>Click Url</title>
        <script src="http://code.jquery.com/jquery-latest.js"     
        type="text/javascript"></script>
            <script type="text/javascript">
                $(function() {
                    $("#Button1").click(function() {
                        $("#an1").click();
                    });
                });
    </script>
</head>
<body>
    <a href="http://google.com" id="an1">Click</a>
    <input id="Button1" type="button" value="button" />
</body>

Answer 1

click()方法不适用于超链接。请使用以下代码$("#an1").click();重定向到该网址：

window.location.href = 'http://google.com';

或者，正如评论中的davidsleeps所建议的那样：

window.location.href = $("#an1").attr("href");

Answer 2

您正在调用链接onclick事件，该事件没有任何约束。

点击链接时转移到网址的事实是浏览器行为，与javascript无关。

Answer 3

添加此代码可以使其正常工作，但同样您只是触发了click事件。你实际上并没有模拟点击。

$('#an1').click(function(){
  window.location.href = $(this).attr('href');
});

现在当你点击click事件时，它实际上会改变位置。

使用JQuery创建链接按钮

3 个答案: