Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.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/8/swift/18.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 jScrollPane和窗口调整触发器_Javascript_Jquery_Mobile_Resize_Jscrollpane - Fatal编程技术网

Javascript jScrollPane和窗口调整触发器

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).

我想知道这是否可能。我已经在一个站点的div上设置了jScrollPane,但是如果屏幕宽度小于或等于580px,我希望这个函数被破坏。如果在浏览器被销毁后将其大小调整为大于580px,它将重新初始化

这里有一些关于插件销毁/初始化的信息

所以我想我需要把它连接到一个调整大小的函数,而不是演示中的点击触发器。类似于

$(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();
}
});