Question

我在bxSlider中有滑块，滑块的项目可以使用jquery ui拖动。

为了更好地理解，这里是滑动器http://comicedu.com/htmlcropper/v2/

尝试将狗狗狗的标签拖到背景（砖块），你会看到狗现在在砖块内，然后移动到猫标签，然后点击左箭头然后拖动第3张图像，现在你将看到draggable不工作，有什么问题？我调查bxSlider将bx-clone类添加到容器div。

Answer 1

这只是一个猜测，但看起来对我来说，jquery首先将拖放事件附加到'true'（未克隆）图像，然后bxslider创建克隆后jquery已注册拖动图像并删除，因此克隆的图像没有附加到拖放事件？

尝试按顺序装货。

$(function(){
    loadSlider();
    loadDragDrop();
};

function loadSlider{
    //Load the slider
}

function loadDragDrop(){
    //Load the drag/drop
}

或者像现在一样在页面加载上附加拖放，然后尝试在bxslider的此事件上重新附加拖放：

onSlideAfter: function() {},

希望这会强制将拖放添加到克隆中，因为它们已经由滑块创建。

创建克隆以填充滑块中的空插槽。假设您的滑块可以容纳6张图像并且您有8张图像，将创建4个克隆，因此当您跳到第二组时，滑块已满。

如果我的猜测已经过时（可能是这样），你可以做两件事来“快速”修复，直到出现更好的豁免：

使用css隐藏任何bx-clone元素

.bx-clone {display：none; }
确保填充滑块的图像数量正确。对于猫来说，看起来你有10个图像，其他是克隆，所以制作猫图像的数量为16，这样滑块就不必创建任何克隆。

jquery ui draggable和bxslider无法正常工作

1 个答案: