我用Slick创建了一个垂直旋转木马.我在设计上做了一些改变,除了当第一个元素在旋转木马的视图中时,一切都按照我想要的方式工作.在我的轮播中有4个项目可见但是当第一个元素位于四个项目中的第一个时,则在轮播的布局中发生了错误.
我的网址是 -
http://www.w3karigar.com/mobile/game2/
您可以在我的网站上看到该代码.但我在下面列了几个 -
$('#games-carousel').slick({
dots: false,
arrows: false,
infinite: true,
speed: 200,
slidesToShow: 4,
vertical: true,
verticalSwiping: true,
swipeToSlide: true
});
$('#games-carousel').slick('setPosition');Run Code Online (Sandbox Code Playgroud)
#games-carousel .item {
display: block;
width: 100%;
height: 70px;
opacity: 0.2;
padding: 1px 0;
transition: all 0.2s ease-in;
transform: translate3d(0,0,0);
}
#games-carousel .item .cover, #games-carousel .item .info {
width: 50%;
float: left;
height: 100%;
max-height: 100%;
overflow: hidden;
}
#games-carousel .item .cover {
padding: 0 7px 0px 5px;
overflow: visible;
}
#games-carousel .item .cover img …Run Code Online (Sandbox Code Playgroud)首先抱歉,我不知道该叫什么键(ENTER,F1,HOME等).
实际上,我正在创建一个输入搜索框,其中onkeyup调用一个函数.当用户输入至少两个键时,我的函数被调用,并且使用AJAX显示相关的搜索结果.问题是当用户按下箭头键,HOME,END等时,我的ajax也被调用,我不想要.并且当关注输入时按F5键重新加载页面不会重新加载页面,而是调用AJAX,这就是为什么它对我来说是个大问题.
$('input[name=\'search\']').on(keyup, function(e) {
if ($('input[name=\'search\']').val().length >= 2) {
// call ajax to display results..
}
});
Run Code Online (Sandbox Code Playgroud)
我想在其中添加一个额外的表达式if,用于检查是否按下了不可见的键.喜欢 -
if ($('input[name=\'search\']').val().length >= 2 && (EXPRESSION FOR VISIBLE KEYS)) {
// call ajax to display results..
}
Run Code Online (Sandbox Code Playgroud)
如果按下任何可见键,则调用ajax,否则不调用.
我不知道如何实现这一目标.因为我不能e.keycode == '65'为每个键做,如A,B,C,\,=,+,1,2,3等
是否有现成的库来检查这个或任何其他方式来做到这一点?请帮我.