Question

我正在开发基于application的Firefox OS，它使用构建块drawer组件。我的问题是当我点击左上角的图标 - 抽屉正确显示 - 但主页的内容消失了。你能给我一个解决方案吗？

感谢。

Answer 1

如果您打算在有人点击它们时清除每个列表（项目，用户，插件），您可以从tabs.css中的tablist中删除行可见性属性

[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>");
      }
    }
  }
}

Firefox OS - BuildingBlock抽屉用法

1 个答案: