2

我有一个 div，我在其中使用出色的 fcbkcomplete jquery 插件对列表项进行了一些操作。然而，当我将它插入到我的可拖动和可排序页面中时，我意识到当我移动它时额外的装饰被冻结了。至少可以说，这使得最终结果感觉粗糙。我知道我可以在拖动之前拦截 mousedown 事件，但我不知道要修改哪些元素以保持样式简单。

这是 fcbkcomplete 的演示，它类似于 facebook 的消息撰写功能。在我的 jsfiddle 中，一旦我准备好将 div 拖到下面的可排序列表中，我想要所有花哨的装饰（关闭图像，分成蓝色框，“开始输入...”工具提示，以及最终的空文本框被一个简单的字符串替换，这样当我点击 h1 标题时，我仍然可以检索值。有人知道怎么做吗？

                            $("#draggable").draggable({
                            connectToSortable: "#sortable",
                            helper: "clone",
                            revert: "invalid",
                            distance: 20
                        });

                        $('#draggable').each(function () {
                            $(this).mousedown(function () {

                                // Need to clear styles here
                                //$(this).parent().children('.maininput').hide('blind', 500);
                            });
                        });

感谢您的关注。JSFiddle 在这里。这是问题的截图。

4

1 回答 1

2

问了一个类似的问题，答案也解决了这个问题。不得不使用自定义助手而不是克隆，但一切正常。至于可丢弃，

                $("#container").droppable({
                accept: '.product',
                drop: function (event, ui) {
                    var x = ui.helper.clone();
                    x.removeClass().attr('style', '');
                    x.addClass("ui-state-default");
                    x.appendTo('#container');
                    ui.helper.remove();
                }
            });

问题是，我没用过！

于 2013-01-16T10:35:22.627 回答