Javascript jScrollPane和窗口调整触发器
我想知道这是否可能。我已经在一个站点的div上设置了jScrollPane,但是如果屏幕宽度小于或等于580px,我希望这个函数被破坏。如果在浏览器被销毁后将其大小调整为大于580px,它将重新初始化 这里有一些关于插件销毁/初始化的信息 所以我想我需要把它连接到一个调整大小的函数,而不是演示中的点击触发器。类似于Javascript jScrollPane和窗口调整触发器,javascript,jquery,mobile,resize,jscrollpane,Javascript,Jquery,Mobile,Resize,Jscrollpane,我想知道这是否可能。我已经在一个站点的div上设置了jScrollPane,但是如果屏幕宽度小于或等于580px,我希望这个函数被破坏。如果在浏览器被销毁后将其大小调整为大于580px,它将重新初始化 这里有一些关于插件销毁/初始化的信息 所以我想我需要把它连接到一个调整大小的函数,而不是演示中的点击触发器。类似于 $(document).ready(function() { // This will fire when document is ready: $(window).
$(document).ready(function() {
// This will fire when document is ready:
$(window).resize(function() {
// This will fire each time the window is resized:
if($(window).width() <= 580) {
// if smaller or equal
$('.project-content-parent-container').jScrollPane().destroy();
} else {
// if larger
INITIALISE??
}
}).resize(); // This will simulate a resize to trigger the initial run.
});
$(文档).ready(函数(){
//当文档准备就绪时,此命令将触发:
$(窗口)。调整大小(函数(){
//这将在每次调整窗口大小时触发:
如果($(window).width()我真的解决了这个问题,并用下面的方法解决了它。希望这能帮助其他需要帮助的人
$(window).load(function() {
if ( $(window).width() < 580) {
var element = $('.project-content-parent-container').jScrollPane({});
var api = element.data('jsp');
api.destroy();
} else {
$('.project-content-parent-container').jScrollPane();
}
});
$(window).resize(function() {
if ( $(window).width() < 580) {
var element = $('.project-content-parent-container').jScrollPane({});
var api = element.data('jsp');
api.destroy();
} else {
$('.project-content-parent-container').jScrollPane();
}
});
$(窗口).load(函数(){
如果($(窗口).width()<580){
var元素=$('.project内容父容器').jScrollPane({});
var api=element.data('jsp');
api.destroy();
}否则{
$('.project content父容器').jScrollPane();
}
});
$(窗口)。调整大小(函数(){
如果($(窗口).width()<580){
var元素=$('.project内容父容器').jScrollPane({});
var api=element.data('jsp');
api.destroy();
}否则{
$('.project content父容器').jScrollPane();
}
});
事实上,我已经解决了这个问题,并用下面的方法解决了它。希望这能帮助其他需要帮助的人
$(window).load(function() {
if ( $(window).width() < 580) {
var element = $('.project-content-parent-container').jScrollPane({});
var api = element.data('jsp');
api.destroy();
} else {
$('.project-content-parent-container').jScrollPane();
}
});
$(window).resize(function() {
if ( $(window).width() < 580) {
var element = $('.project-content-parent-container').jScrollPane({});
var api = element.data('jsp');
api.destroy();
} else {
$('.project-content-parent-container').jScrollPane();
}
});
$(窗口).load(函数(){
如果($(窗口).width()<580){
var元素=$('.project内容父容器').jScrollPane({});
var api=element.data('jsp');
api.destroy();
}否则{
$('.project content父容器').jScrollPane();
}
});
$(窗口)。调整大小(函数(){
如果($(窗口).width()<580){
var元素=$('.project内容父容器').jScrollPane({});
var api=element.data('jsp');
api.destroy();
}否则{
$('.project content父容器').jScrollPane();
}
});