拖放问题,目前使用jquery sortable

时间:2016-04-28 17:24:42

标签: jquery-ui

我很抱歉我对Jquery有一个非常表面的理解,我似乎无法找到合适的关键词来谷歌答案,或者也许只是没有。

基本上我的开发人员正在使用Jquery可排序的网站。我有从左边的数据库和右边的占位符绘制的产品。工作流程可以在图片workflow中看到。我有可以拖放到篮子里的产品。对于产品,我可以滚动浏览页面并随时拖放。但是,我现在需要创建另一个"篮子"。这需要我随时在篮子之间切换,可能需要在#34; next"和" prev"按钮。我的开发人员向我解释他们无法做到,因为,

  1. 我的购物篮中物品的位置很重要,即第一个盒子总是第1个,第二个盒子总是第2个,依此类推。 (项目将在稍后根据编号框显示)
  2. 由于点(1),他们需要刷新页面才能切换篮子。
  3. 刷新页面可能会导致产品的值重置,即如果我滚动页面并切换篮子,我将返回产品页面1,这意味着我必须再次滚动页面。 / LI>

    我可以知道这是否是jquery可排序的限制?或者他们能够做些什么来创造另一个"篮子"并且能够滚动"篮子"没有刷新页面?还有什么我可以用来解决这个问题吗?

    编辑:这是剧本!

        <script>
                $(function () {
                    $("#sortable1, #sortable2").sortable({
                        connectWith: ".connectedSortable",
                        update: function (event, ui) {
    
                            var licont = $("#sortable2 .ProItem").length;
    
                        },
                        stop: function (event, ui) {
    
                            if (event.target.id == 'sortable1' && ui.item[0].title != "") {
                                $(".proli:last").remove();
                            }
                            //console.log(ui.item.index());
                            $("#sortable2 li").each(function(i,o){
                                $(this).find('h4').html(i+1);
                            })
                        }
                    }).disableSelection();
                });
            </script>
    

    非常感谢您的帮助!!谢谢!

0 个答案:

没有答案