Javascript 如何使用jquery.shapeshift禁用拖放?

Javascript 如何使用jquery.shapeshift禁用拖放?,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我正在使用这个带有拖放功能的插件网格系统: . 您可以调用shapeshift函数并向其传递参数以启用和禁用拖放功能 $(".container").shapeshift({ enableDrag: true, }); 我希望能够打开和关闭此功能。我使用了以下代码: var dragState=0 $(".switch").on("click", function() { if(dragState == 0) { options = {

我正在使用这个带有拖放功能的插件网格系统: .

您可以调用shapeshift函数并向其传递参数以启用和禁用拖放功能

$(".container").shapeshift({
  enableDrag: true,    
});
我希望能够打开和关闭此功能。我使用了以下代码:

var dragState=0

$(".switch").on("click", function() {

    if(dragState == 0) {
        options = {
          enableDrag: true,
        }
        dragState = 1;
    } else {
        options = {
          enableDrag: false,            
        }
        dragState = 0;
    }

    $(".container").shapeshift(options);
});
当我运行这段代码时,我可以启用拖放,但不能再次退出

有人对此插件有任何建议或经验吗?

请参考

基本上你需要做的就是:

$(function(){
    var sso = {
        minColumns: 3,
        enableDrag: false
    };

    var ss = $(".container").shapeshift(sso);
    $('button').click(function () {
        sso.enableDrag = true;
        ss.trigger('ss-destroy');
        ss.shapeshift(sso);

    });
});
我简化了这个例子,以说明在这把小提琴中需要做什么:

添加了启用和禁用按钮:

用作参考

基本上你需要做的就是:

$(function(){
    var sso = {
        minColumns: 3,
        enableDrag: false
    };

    var ss = $(".container").shapeshift(sso);
    $('button').click(function () {
        sso.enableDrag = true;
        ss.trigger('ss-destroy');
        ss.shapeshift(sso);

    });
});
我简化了这个例子,以说明在这把小提琴中需要做什么:

添加了启用和禁用按钮:

用作参考

基本上你需要做的就是:

$(function(){
    var sso = {
        minColumns: 3,
        enableDrag: false
    };

    var ss = $(".container").shapeshift(sso);
    $('button').click(function () {
        sso.enableDrag = true;
        ss.trigger('ss-destroy');
        ss.shapeshift(sso);

    });
});
我简化了这个例子,以说明在这把小提琴中需要做什么:

添加了启用和禁用按钮:

用作参考

基本上你需要做的就是:

$(function(){
    var sso = {
        minColumns: 3,
        enableDrag: false
    };

    var ss = $(".container").shapeshift(sso);
    $('button').click(function () {
        sso.enableDrag = true;
        ss.trigger('ss-destroy');
        ss.shapeshift(sso);

    });
});
我简化了这个例子,以说明在这把小提琴中需要做什么:

添加了启用和禁用按钮:


很抱歉回答了这么一个老问题,但我刚刚通过shapeshift.js了解到,要禁用拖放功能,我们可以将其销毁,但销毁的时间不会太长,而且无需将其更改为变量

希望您对这条捷径感兴趣,并更新您的代码

下面是代码

$('div').trigger("ss-destroy");
根据我的说法,上述代码足以销毁,也是一种非常干净和方便的方式


试试看

很抱歉回答了这么一个老问题,但我刚刚浏览了shapeshift.js,了解到要禁用拖放功能,我们可以将其销毁,但销毁的时间不会太长,也不需要将其放到变量中

希望您对这条捷径感兴趣,并更新您的代码

下面是代码

$('div').trigger("ss-destroy");
根据我的说法,上述代码足以销毁,也是一种非常干净和方便的方式


试试看

很抱歉回答了这么一个老问题,但我刚刚浏览了shapeshift.js,了解到要禁用拖放功能,我们可以将其销毁,但销毁的时间不会太长,也不需要将其放到变量中

希望您对这条捷径感兴趣,并更新您的代码

下面是代码

$('div').trigger("ss-destroy");
根据我的说法,上述代码足以销毁,也是一种非常干净和方便的方式


试试看

很抱歉回答了这么一个老问题,但我刚刚浏览了shapeshift.js,了解到要禁用拖放功能,我们可以将其销毁,但销毁的时间不会太长,也不需要将其放到变量中

希望您对这条捷径感兴趣,并更新您的代码

下面是代码

$('div').trigger("ss-destroy");
根据我的说法,上述代码足以销毁,也是一种非常干净和方便的方式



试试看

你见过Yeh吗,但当我尝试查看文件中使用的代码时,显示为空白。你正在查找的代码位于“查看我的答案”中。你见过Yeh吗,但当我尝试查看文件中使用的代码时,显示为空白。你正在查找的代码位于“查看我的答案”中。你见过Yeh吗,但是当我尝试查看文件中使用的代码时,显示为空白。您正在查找的代码在“查看我的答案”中找到。您看到了吗?是的,但是当我尝试查看文件中使用的代码时,显示为空白。您正在查找的代码在“查看我的答案”中找到。谢谢!我有问题禁用它回到没有拖放一旦它被启用。有什么建议吗?看我的更新。但是,有无数更好的方法来启用和禁用。如果答案有效,请确保将其标记为正确。这太棒了!我真的被困在这一点上了,非常感谢。谢谢!我有问题禁用它回到没有拖放一旦它被启用。有什么建议吗?看我的更新。但是,有无数更好的方法来启用和禁用。如果答案有效,请确保将其标记为正确。这太棒了!我真的被困在这一点上了,非常感谢。谢谢!我有问题禁用它回到没有拖放一旦它被启用。有什么建议吗?看我的更新。但是,有无数更好的方法来启用和禁用。如果答案有效,请确保将其标记为正确。这太棒了!我真的被困在这一点上了,非常感谢。谢谢!我有问题禁用它回到没有拖放一旦它被启用。有什么建议吗?看我的更新。但是,有无数更好的方法来启用和禁用。如果答案有效,请确保将其标记为正确。这太棒了!我真的被困在这一点上了,非常感谢。