jquery - 无法取消按钮单击

Question

我在网页中有一个 html 按钮。当我单击按钮时，我想重定向到另一个页面。

我有这个代码：

<button id="btn" type="submit" style="width: auto">
    <div style="height: 40px">
        <img alt="Button" src="/images/somepicture.png" style="float: left" />
        <span style="margin: auto">Label</span>
    </div>
</button>
<script language="javascript" type="text/javascript">
    $(function () {
        $("#btn")
        .mousedown(function (event) {
            window.location.href = "otherpage";
            event.preventDefault();
        });
    });
</script>

但是，此代码未按预期运行。该页面只是发布，并且不会发生重定向。

我的代码有什么问题？

Answer 1

这应该适合你：

$(function () {
    $("#btn").click(function (event) {
        event.preventDefault();
        window.location.href = "otherpage";
    });
});

注意：文本和图像是 a 的唯一有效内容<button>。我认为这不会是您问题的原因，但最好遵循标准。

Answer 2

div请注意，在标签中使用标签是无效的button，试试这个：

$(function() {
    $("#btn").click(function(event) { // you can use click handler
        window.location = "http://www.stackoverflow.com";
        event.preventDefault();
    });
});