javascript - 如何使用带有按钮标签的 javascript（或 jQuery）引导页面？

Question

我有这样的代码html：

<td colspan="7" class="cart_but">
    <button class="continue"><span>icon</span>Continue shopping</button>
    <button class="update"><span>icon</span>Update your cart</button>
</td>

和 jQuery 代码指向页面，但是当点击按钮时没有任何反应：

<script type="text/javascript">
    $(document).ready(function() {
        $('button.continue').click(function() {
            //window.location = "abc";
            window.location.href = "http://stackoverflow.com";
        });

        $('button.update').click(function() {
               //window.location = "<?php echo base_url('checkout'); ?>";
        });
    });
</script>

请帮我！

Answer 1

试试这个......

$('button selector').click(function(){
   document.location.href='the_link_to_go_to.html';
})

Answer 2

您的 javascript 代码是正确的。我认为有一些 js 冲突或一些错误，打开你的 firebug 控制台并确保这里没有错误。

Answer 3

将按钮类型更改为按钮 - 默认情况下它是提交，无论您的点击事件处理程序如何，它都会提交页面:)

<td colspan="7" class="cart_but">
    <button type="button" class="continue"><span>icon</span>Continue shopping</button>
    <button type="button" class="update"><span>icon</span>Update your cart</button>
</td>

Answer 4

谢谢大家。当我将此脚本从其他文件包含到母版页时，可能会出现错误。我将它直接复制到母版页并运行。