我的HTML看起来像这样
<input id="txt" value=""></input>
<div class="link-item">jK</div>
<div class="link-item">JFOO</div>
Run Code Online (Sandbox Code Playgroud)
我的js
$('#txt').keyup(function(){
var txtsearch = $('#txt').val();
var filt = $("div.link-item:contains('" + txtsearch +"')");
$("div.link-item").css("display", "none")
.filter(filt)
.css("display", "block");
});
Run Code Online (Sandbox Code Playgroud)
我想在客户端动态过滤内容.当我输入大写字母j时,它只返回第二个div,而我想得到包含j的所有div,无论是大写还是小写.
我正在开发一个网站,该网站旨在在iPad上以横向模式观看时效果最佳.一切都在1024px宽的<div>容器中.但是,我仍然需要缩小视口,因此当用户将iPad转为纵向时,用户无需缩小或水平滚动以查看页面上的所有内容.
目前我<meta>在我的标签中有这个标签<head>:
<meta name="viewport" content="width=1024px, initial-scale=1.0, maximum-scale=10.0" />
Run Code Online (Sandbox Code Playgroud)
在横向模式下查看页面时,一切都显示正常,但我无法使上述所需的纵向行为起作用.我尝试更改initial-scale为0.75,并且恰好相反:一切都适合纵向模式,但是当iPad处于横向模式时,会有额外的水平空间.
我可以使用任何CSS,Javascript或特殊视口设置来使其工作吗?
PS我不能用user-scalable=no.