1

Web ページに 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>

ただし、このコードは期待どおりに動作していません。ページは単に投稿しているだけであり、リダイレクトは発生しません。

コードの何が問題になっていますか?

4

2 に答える 2

3

これはあなたのために働くはずです：

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

注: の有効なコンテンツは、テキストとイメージのみです<button>。これが問題の原因になるとは思いませんが、標準に従うのが最善です。

于 2012-07-08T20:06:07.330 に答える
2

divタグ内でタグを使用することは有効ではないことに注意してbuttonください。これを試してください:

$(function() {
    $("#btn").click(function(event) { // you can use click handler
        window.location = "http://www.stackoverflow.com";
        event.preventDefault();
    });
});
于 2012-07-08T20:07:20.197 に答える