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();
});

jQuery星级评分导致页面滚动

1 个答案: