Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
响应性JavaScript–;是否加载/隐藏与浏览器宽度相关的特定功能?_Javascript_Jquery_Function_Responsive Design_Bxslider - Fatal编程技术网

响应性JavaScript–;是否加载/隐藏与浏览器宽度相关的特定功能?

响应性JavaScript–;是否加载/隐藏与浏览器宽度相关的特定功能?,javascript,jquery,function,responsive-design,bxslider,Javascript,Jquery,Function,Responsive Design,Bxslider,首先:我不喜欢JavaScript/JQuery…但我会尽量指出我想做什么 我在我的页面上使用了神奇的bx滑块,我通过媒体查询使我的网站具有响应性,到目前为止这两个功能都非常好…但是bx slider脚本有一些特性,我不想在特定的浏览器宽度上激活这些特性。以下是我想要的: 浏览器宽度低于500px=加载此功能: $('#slider4').bxSlider({ minSlides: 2, maxSlides: 2, slideWidth: 230, slideMa

首先:我不喜欢JavaScript/JQuery…但我会尽量指出我想做什么

我在我的页面上使用了神奇的bx滑块,我通过媒体查询使我的网站具有响应性,到目前为止这两个功能都非常好…但是bx slider脚本有一些特性,我不想在特定的浏览器宽度上激活这些特性。以下是我想要的:

浏览器宽度低于500px=加载此功能:

$('#slider4').bxSlider({
    minSlides: 2,
    maxSlides: 2,
    slideWidth: 230,
    slideMargin: 10,
    nextSelector: '#next',
    prevSelector: '#prev',
    infiniteLoop: false,
    hideControlOnEnd: true,
    pager: false,
    useCSS: false,
    easing: 'easeInOutExpo',
    speed: 1000
});
浏览器宽度大于500px=隐藏上面的函数并加载此函数:

$('#slider4').bxSlider({
    minSlides: 4,
    maxSlides: 4,
    slideWidth: 230,
    slideMargin: 20,
    nextSelector: '#next',
    prevSelector: '#prev',
    infiniteLoop: false,
    hideControlOnEnd: true,
    pager: false,
    useCSS: false,
    easing: 'easeInOutExpo',
    speed: 1000
});
…这在JavaScript中可能吗?我尝试了一些使用断点的脚本,但它认为我的JS知识太弱,无法让它按我的意愿工作

如果有人能告诉我如何轻松完成这项任务,那就太好了

If($(document).width() < 500){
...
}else{
...
}



谢谢你的回答,但这不起作用。。我试图用上面的函数替换“…”,但现在脚本不再加载了!?!对不起,伙计。。我想我一开始就错过了什么。。它现在好了!谢谢顺便说一句:有没有一种方法可以在记录到给定宽度时自动重新加载页面?当然可以,最简单的方法之一是添加文档;对于if(){}中的resize函数,请看这个新的fiddle@JochenSchmidt,我犯了一个愚蠢的错误(这将导致无休止的重新加载),因此我更新了上面帖子中的链接。感谢您的回答,但这不起作用。。我试图用上面的函数替换“…”,但现在脚本不再加载了!?!对不起,伙计。。我想我一开始就错过了什么。。它现在好了!谢谢顺便说一句:有没有一种方法可以在记录到给定宽度时自动重新加载页面?当然可以,最简单的方法之一是添加文档;对于if(){}中的resize函数,请看这个新的fiddle@JochenSchmidt,我犯了一个愚蠢的错误(这将导致无休止的重新加载),因此我更新了上面帖子中的链接。感谢您的回答,但这不起作用。。我试图用上面的函数替换“…”,但现在脚本不再加载了!?!对不起,伙计。。我想我一开始就错过了什么。。它现在好了!谢谢顺便说一句:有没有一种方法可以在记录到给定宽度时自动重新加载页面?当然可以,最简单的方法之一是添加文档;对于if(){}中的resize函数,请看这个新的fiddle@JochenSchmidt,我犯了一个愚蠢的错误(这将导致无休止的重新加载),因此我更新了上面帖子中的链接。感谢您的回答,但这不起作用。。我试图用上面的函数替换“…”,但现在脚本不再加载了!?!对不起,伙计。。我想我一开始就错过了什么。。它现在好了!谢谢顺便说一句:有没有一种方法可以在记录到给定宽度时自动重新加载页面?当然可以,最简单的方法之一是添加文档;对于if(){}中的resize函数,请看这个新的fiddle@JochenSchmidt,我犯了一个愚蠢的错误(这将导致无休止的重新加载),所以我更新了上面的postlet us@Spontifixus中的链接:…为什么要删除“谢谢”?这里有一个社区的consesus在堆栈溢出上删除帖子中的问候语和签名。有关详细信息,请参见元数据details@Spontifixus:…为什么要删除“谢谢”?在Stack Overflow上有一个社区的consesus来删除帖子中的问候语和签名。有关详细信息,请参见元数据details@Spontifixus:…为什么要删除“谢谢”?在Stack Overflow上有一个社区的consesus来删除帖子中的问候语和签名。有关详细信息,请参见元数据details@Spontifixus:…为什么要删除“谢谢”?在Stack Overflow上有一个社区的consesus来删除帖子中的问候语和签名。有关更多详细信息,请参见meta
$( window ).resize(function() {
 resizefunction();
});