Question

我有2页。第1页的代码如下。

当我导航到第2页并按下后退按钮时，第1页下面的代码再次被触发并添加到div，这会导致重复。

知道如何防止重复发生？

＆＃13;

  //load category data from category JSON and display
        $(document).on('pagebeforeshow', '#main', function() {
            $.getJSON("./json/category.json", function(data) {
                $.each(data, function(key, val) {
                    $('#category-cards').append("<div><a href='#' id='" + val.id + "'><div class='card'><div class='card-image'><img src='" + val.image + "'/><h2>" + val.name + "</h2></div></div></a>");
                });
            });
        });

＆＃13;

Answer 1

使用pagecreate

解决

//load category data from category JSON and display
        $(document).on('pagecreate', '#main', function() {
            $.getJSON("./json/category.json", function(data) {
                $.each(data, function(key, val) {
                    $('#category-cards').append("<div><a href='#' id='" + val.id + "'><div class='card'><div class='card-image'><img src='" + val.image + "'/><h2>" + val.name + "</h2></div></div></a>");
                });
            });
        });

jquerymobile - 按下后退按钮时附加重复的结果

1 个答案: