如何在不重新加载页面的情况下下载Opera Mini上的菜单或任何内容?

时间:2016-08-07 06:53:03

标签: javascript html css

无论如何我们可以在没有重新加载Opera Mini页面的情况下下载菜单或任何内容?我知道如何通过重新加载页面下拉菜单:目标CSS,但我正在寻找一个页面不重新加载的解决方案。我见过某些网站这样做。

有时,我觉得Opera Mini是新的IE8。我希望不使用像jquery这样的库,并且没有依赖关系。

1 个答案:

答案 0 :(得分:1)

我很确定你不能用JavaScript做,因为JavaScript doesn't run on the device,它在Opera Mini服务器上运行。

但是有旧的CSS复选框技巧;它是相对基本的,但这并不意味着Opera Mini可能不会搞砸它。它的工作方式是你有一个标签连接到隐藏的复选框。单击标签可切换复选框。您使用相邻的兄弟组合子和:checked伪类仅在选中复选框时显示另一个元素:

label {
  cursor: pointer;
}
/* hide the checkbox */
.hidden-cb {
  display: none;
}
/* By default, this is not shown */
.show-on-checkbox {
  display: none;
}
/* But if it's immediately after a checked checkbox, we show it */
input:checked + .show-on-checkbox {
  display: block;
}
<label for="hidden-cb">Click me</label>
<input type="checkbox" id="hidden-cb" class="hidden-cb">
<div class="show-on-checkbox" id="target">Hey, here I am!</div>

它不一定只是一个简单的出现/消失的东西,你可以做任何CSS允许Opera Mini支持的东西。

我打算将:hover技巧作为替代方案,但在Opera Mini上,99%的用户都会使用他们的手指......