Jquery 加回删除的li'；从flexslider中删除

你好，Stack Overflow社区

我正在建立一个有很多图片（大约800）的网站。我正在使用flexslider，这也非常有效。但是如果我想在手机上看，一切都很慢，所以我想减少图像的数量，这就是我想到的。 HTML

这是Jquery：

if($(window).width()<400){
    $("#slider .slides li:odd").remove();
    $("#carousel .slides li:odd").remove();
 }

if（$（window）.width（）您可以尝试以下对象：


var myObjects=$（“#slider，#carousel”）.find（“li:odd”）；
如果（$（window）.width（）不使用
remove（）
而使用
hide（）
或
toggle（）
…也许我建议使用mediaqueries而不是脚本。hide（）会让它在手机上看得更快吗？如果我使用媒体guerie，我会怎么做？也看看$.detach（）：
if($(window).width()<400){
    $("#slider .slides li:odd").remove();
    $("#carousel .slides li:odd").remove();
 }

var mql = window.matchMedia("screen and (max-width: 400px)")
if (mql.matches){ // if media query matches
   $("#slider .slides li:odd").remove();
   $("#carousel .slides li:odd").remove();
}

var myObjects = $("#slider, #carousel").find("li:odd");

if($(window).width()<400){
    myObjects.hide();
}

/* and to display when you want */
myObjects.show();