javascript - jQuery星级评分导致页面滚动

Question

在我的星级评分上添加按钮后，我遇到了问题。每次当我点击星星时，我的页面都会跳动并滚动到顶部。如何防止这种行为？

我的代码：

$(document).ready(function(){
        var rate=null;
        $(".one-star, .two-stars, .three-stars, .four-stars, .five-stars").click(function() {
             rate = $(this).html();
             $("#submit_rating").fadeIn("slow");
             $("#current_rating").width(rate*30);
        });
        $('#submit_rating').click(function(){
                $.ajax({data: ({ action: 'save_rating', rating: rate, listing_id: <?php echo $id; ?>}), success: function() { window.location.href = '<?php echo $this->escape(URL); ?>'; }});
                return false;
        });
    });

你可以在这里看到我的问题：http: //duniakita.org/starrating/

Answer 1

您可能需要e.preventDefault在*-stars点击时使用。

$(".one-star, .two-stars, .three-stars, .four-stars, .five-stars").click(function(e) {
    rate = $(this).html();
    $("#submit_rating").fadeIn("slow");
    $("#current_rating").width(rate*30);
    e.preventDefault();
});