小编Roh*_*mar的帖子

在Slick Vertical Carousel中,当第一个元素在视图中时,轮播的布局会发生变化

我用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)

carousel slick.js

11
推荐指数
1
解决办法
903
查看次数

如何使用JS或jQuery完全检测不可见的键(ENTER,F1,SHIFT)?

首先抱歉,我不知道该叫什么键(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等

是否有现成的库来检查这个或任何其他方式来做到这一点?请帮我.

javascript jquery

7
推荐指数
1
解决办法
535
查看次数

标签 统计

carousel ×1

javascript ×1

jquery ×1

slick.js ×1