javascript - jQuery:可排序:列表为空时的占位符

标签 javascript jquery draggable jquery-ui-sortable

我想要做的是出现一个占位符,该占位符与当我将鼠标悬停在我想要放置可拖动对象的区域上时出现的常规占位符相同,但仅当列表为空并且没有Draggable 被拖到上面。

这就是我当前占位符的方式(用于悬停时):

placeholder: {
        element: function(event, ui) {
            return $('<li class="module-drop-content brochure">Drop Content Here</li>');
        },
        update: function() {
            return;
        }
    },....

如果这没有意义,这是我希望发生的一步一步:

  1. 用户清除了“li”的可排序
  2. 占位符显示“将内容拖放到此处”
  3. 用户再次将项目悬停在可排序上,并且第 2 步中的占位符将被删除,以代替常规的悬停占位符。

我尝试了很多不同的方法,但在这种情况下似乎都不起作用。

干杯

最佳答案

如果您使用某个按钮清除列表,您还可以将“将内容拖放到此处”占位符放入空列表中。至于删除占位符,请使用 beforeStop or stop event .

关于javascript - jQuery:可排序:列表为空时的占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20402512/

相关文章:

javascript - jQuery 插件中没有冲突是如何工作的

javascript - 如何使背景图像在缩放时保持不变?

jquery-ui - jQuery UI : moving items from one list to another

javascript - 使用拖动功能的Jquery可拖动约束

javascript - 第二种情况如何使用一段node js代码?

javascript - 如何在不跳转文档的情况下更新 window.location.hash?

Javascript 搜索标签并获取它的 innerHTML

Jquery 选项卡帮助

drag-and-drop - 如何区分 Phaser 中的按住单击和拖动?

JavaScript:sessionStorage 丢失项目