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

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

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

4 个答案: