Jquery mobile 如果绑定到jquery mobile静态头保留空间，则取消

我的页面有一个静态标题（jqm），它根据参数有条件地显示。嗯，绑定正在工作，即，它是有条件地显示的，当标题未显示时，页面内容不会上移

我还尝试了css绑定来设置display none

html:

点击“运行”按钮数次，查看鱼的图片是否隐藏或显示，具体取决于数量

当图片不显示时，我希望在最顶端有一行“内容从这里开始”。怎么做？提前谢谢。

你可以这样试试

<!-- ko if: isFish-->
<div class="home-header" data-role="header" data-position="fixed" data-theme="c">
  <div class="logo" style="margin:0 auto;"></div>
</div>
<!--/ko-->

Wow，我花了一些时间来理解实际问题，但这是一个奇怪的问题。我发现在没有显示的情况下，如果我将浏览器窗口的大小调整1个像素，它就会跳起来。罪魁祸首是（我认为）jquery mobile插入的

div data role=“page”

，它有填充（作为元素样式和类）导致出现该空间。-我不是jquery mobile方面的专家，但我猜您需要使用

data bind=“css…”

并设置一个适当的jquery类来隐藏这个东西，而不是内联样式？是的，您是对的。如果调整窗口大小，并且是，data role=“page”插入填充，则窗口将跳起。我将尝试使用css绑定来绑定一个类，并用jquery隐藏它。虽然它在小提琴中工作，但在实际的jquery移动环境中却不工作。我有一个背景图像拉伸，以适应窗口和底部的图像被切断，如果我使用这个解决方案。投票给你让它在小提琴上工作。

var viewModel = new function() {
  var self = this;

  if (sessionStorage.clickcount) {
    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
  } else {
    sessionStorage.clickcount = 1;
  }

  self.count = ko.observable(sessionStorage.clickcount);
  self.isFish = ko.computed(function() {
    return self.count() % 2 ==0;
  });

}; //viewModel

$(document).ready(function() {
  ko.applyBindings(viewModel);
});

<!-- ko if: isFish-->
<div class="home-header" data-role="header" data-position="fixed" data-theme="c">
  <div class="logo" style="margin:0 auto;"></div>
</div>
<!--/ko-->