响应性JavaScript–;是否加载/隐藏与浏览器宽度相关的特定功能?
首先:我不喜欢JavaScript/JQuery…但我会尽量指出我想做什么 我在我的页面上使用了神奇的bx滑块,我通过媒体查询使我的网站具有响应性,到目前为止这两个功能都非常好…但是bx slider脚本有一些特性,我不想在特定的浏览器宽度上激活这些特性。以下是我想要的: 浏览器宽度低于500px=加载此功能:响应性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
$('#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();
});