小编Jav*_*tez的帖子

是否有一种默认方式可以在任何时候在焦点元素上按下 enter 时触发点击事件？

我所指的是在专注于 a 时<button>按 Enter 与在专注于 a<div> <li> <span>等时按 Enter 的区别。<button>按键enter按预期触发。但是，<div>按键enter没有任何作用。我相信您必须专门为该按键编写事件。

$('li').click(function() {  
    //toggles something 
});

$("li").keydown(function(e){
    if(e.which === 13){
        $(this).click();
    }
});

我的问题是最有效的方法来显示每张幻灯片的产品数量，然后随着响应断点的出现，色谱柱数量减少，每张幻灯片的产品数量也会减少。当我们按屏幕尺寸细分时，这将增加幻灯片的数量。

因此，如果我们从2行开始，每行4个（每张幻灯片8个产品），则在中等尺寸下，我们将显示2列，每行3个（每张幻灯片6个产品），然后在移动广告中，显示2个列，每行2个产品一张幻灯片（共4个）。

我们可以编写一些JS来调整大小并剥离幻灯片包装纸，然后重新分配包装纸以获得所需的结果。

另一种方法是在调整大小后运行服务器请求以写入数据（对于如何获得要求不是肯定的）。

我将JSFiddle放在一起以显示每个视口的最终结果通常是什么样的。

  <div class="slider">
    <ul class="fullslider">
        <!-- Start Slide One -->
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <!-- End Slide One on Mobile -->
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <!-- End Slide One on Tablet -->
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <!-- End Slide One on Desktop -->
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img src="http://placekitten.com/400/400"></div>
        <div class="single-product"><img …