javascript - Firefox OS - BuildingBlock 抽屉的使用

Question

我正在开发基于 Firefox OS 的 application使用什么积木 drawer成分。我的问题是，当我单击左上角图标时 - 抽屉正确显示 - 但主页的内容消失了。您能给我建议一个解决方案吗？

谢谢。

Answer 1

如果您的目的是在有人点击每个列表(项目、用户、插件)时清除它们，您可以从 tabs.css 的选项卡列表中删除行可见性属性

[role="tablist"] [role="tabpanel"] {
  position: absolute;
  top: 4rem;
  left: 0;
  /*visibility: hidden;*/
  width: 100%;
  height: calc(100% - 4rem);
  z-index: -1;
  display: block;
  overflow: auto;
}

然后清除代码中的列表。您需要对每个函数执行此操作:

function clearLists(){
    $("#resultsProjects").empty();
    $("#resultsUsers").empty();
    $("#resultsPlugins").empty();
}
function processProjects() {
  return function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var obj = jQuery.parseJSON(xhr.responseText);
      clearLists();
      for (var i = 0; i < obj.length; i++) {
        $('#resultsProjects').append("<li><p>" + obj[i].name + "</p><p>" + obj[i].lang + "</p></li>");
      }
    }
  }
}