Javascript 响应站点的jQuery媒体查询

我想用3个不同的jquery滑块创建一个网站。所有三个滑块都包含不同的图片。我试着用if和else，但没用。这是我的密码

js

$（文档）.ready（函数（）{
如果（$（window.width（）>786）{
$（'.bxslider'）.bxslider({
是的，
自动控制：正确
});                
}else$（窗口）.width（）>478）{
$（'.bxslider'）.bxslider({
是的，
自动控制：正确
}) ;               
}否则{
$（'.bxslider'）.bxslider({
是的，
自动控制：正确
})  ;
}
});  

Html

你不能用那样的东西

请改用开关：

switch($(window).width()){
   case 786 : //your code
   break;
   case 478: //your code
   break;
   default: //your code
   break;
}

这将是无用的，因为你有3倍相同的代码，但代码本身不会错

---

下次请使用RTFM。

此处出现语法错误：

}else $(window).width() > 478){

您需要创建一个新的

if

检查，并打开括号。当然，您的JavaScript控制台告诉了您这一点。我想你的意思是：

} else if ($(window).width() > 478) {

但是，需要注意的是：

所有三个条件块都指向完全相同的对象，因此根本不需要条件块

在每种情况下，您的目标都是

ul

元素。你的意思是每个人只瞄准一个人吗

如果浏览器重新调整大小，则不会更改任何内容，因为您仅在加载页面时检查大小

---

使用来显示/隐藏/更改元素往往比这种方法更有效。

使用css媒体查询而不是jQuery。谢谢您的回答。当CSS媒体查询出现问题时，我无法执行{display:none}它只会删除图片，但不会删除jquery滑块。@JohnyEmanuels:那么您没有针对正确的元素。不过，我无法确定你在哪里犯了错误，除非看到代码。但是我向您保证，您可以通过将元素的

display

值设置为

none

来隐藏元素。我已经编写了单独的脚本并给出了类。在媒体查询中，我给他们显示：无，但它不起作用。@JohnyEmanuels:很明显，你做了一些不正确的事情<代码>显示：无工作。如果您假设您的代码是正确的，并且CSS规范被破坏，那么恐怕您将很难调试代码。

}else $(window).width() > 478){

} else if ($(window).width() > 478) {