Question

你好我用jquery调用了json数组，每次按下按钮都会再次加载列表而不是乘法。

[{"denumire":"Q Club"},{"denumire":"Carul cu Flori"},{"denumire":"La Rocca"}]

和我的jquery脚本

<script>
$(".filtru").click(function(e){
    e.preventDefault();
    var href = $(this).attr(\'href\');
    $.getJSON(href, function(data) {
                        /* data will hold the php array as a javascript object */
                        $.each(data, function(key, val) {
                                $("#restaurant").append(\'<li id="\' + key + \'">\' + val.denumire + \'</li>\');
                        });
                });
});
</script>

Answer 1

在附加到DIV之前清空DIV：

function (data) {
    $("#restaurant").empty();
    $.each(data, function(key, val) {
        $("#restaurant").append(\'<li id="\' + key + \'">\' + val.denumire + \'</li>\');
    });
}

Answer 2

您这样做的方式总是将值附加到您现有的div餐厅。您应该首先尝试清除div中的值，然后开始将值附加到它。我想你应该试试

<script>
$(".filtru").click(function(e){
e.preventDefault();
var href = $(this).attr(\'href\');
$.getJSON(href, function(data) {
 $("#restaurant").empty(); 
                    /* data will hold the php array as a javascript object */
                    $.each(data, function(key, val) {
                            $("#restaurant").append(\'<li id="\' + key + \'">\' + val.denumire +  \'</li>\');
                    });
            });
});
</script>

希望这会有所帮助。

快乐学习：）

每次按下按钮时，Jquery都会阻止追加

2 个答案: