返回时会出现重复事件

我有两个data-role="page"第一个是（从json文件）形成的，当你点击2页（div）的入口通行证时，有更多关于录制的信息

在第二个div中，我有<a data-rel="back" ><div class="back" >back</div></a>

问题是，第一次点击它工作正常，它会返回一个包含所有记录的页面。第二次点击，过程进行到块1，然后突然返回到块2，在那里有一个详细信息

所有记录

  $.getJSON('one.json', function(data, key) {
          var str = "";
          $.each(data, function(key, data) {
            str += "<div class='item' id='" + data.id + "' style='background: url(" + data.img + "/" + data.img + "); background-size: cover;'></div>";
          });
          $('#listlistbreakfast').html(str);
        });

转到第二页

(document).on('tap', '.item', function(e) {
    e.preventDefault();
    var id = $(this).attr("id");
    /*-----Плавный переход--------------------*/
    $.mobile.pageContainer.pagecontainer("change", "mypage.html#recept", {transition: "fade"});
    /*----------Формирование на другой странице-------------*/
    $.getJSON(edaid+'.json', function(data, key) {
      var thisstr = "";
      $.each(data, function(key, data) {
        if (data.id == id) {
          thisstr += "<div class='personalimg' style='background: url("+data.img+"/" + data.img + "); background-size: cover;' >"+data.text+"</div>"; 
        }
      });
      $('#json').html(thisstr);
    });
  });