锚不能在mootools Sortables中工作

anchors are not working in mootools Sortables

本文关键字:工作 Sortables mootools 不能      更新时间:2023-09-26

我使用mootools sortables创建了一个表来实现拖放功能。在我的表中,一些列有超链接和文本框。当我点击超链接/输入框时它总是调用Sortable的回调函数,比如onComplete。

我如何使超链接/输入元素工作在可排序的。我试图使用Sortable的处理属性,但这个属性的问题是它只需要一个元素。如果我必须使用多列的行作为句柄,那么我需要做什么?我有希望吗?

不能只使用一个元素作为句柄。你可以在handle选项中使用CSS选择器来指定句柄。这是相对于'可排序'(要排序的元素)的引用。

所以假设在您的可排序项目(如<li> html元素)中,您的句柄是<span>my-handle,您可以这样做:

var mySortables = new Sortables('#list-1', {
    handle: '.my-handle'
});

我认为这样解决它会更简洁,而不是在一开始就停止事件的传播

我可以通过在domready中添加以下代码来解决这个问题,以防止事件冒泡。

    document.getElements("a").addEvents({
        click: function(e) {
            if (!e) var e = window.event;
                e.cancelBubble = true;
            if (e.stopPropagation) 
                e.stopPropagation();
        }
    });