拖动时停止jQuery DRAGEND链接

Question

我仔细阅读了许多帖子并尝试了很多，但无法找到问题的解决方案。我正在使用jQuery dragend源来使网站的一部分可拖动以水平滚动一些小图像。单击图像时，将打开一个大型幻灯片弹出窗口。

但每当我拖动图像并将鼠标放在此图像中时，它都会调用链接来打开弹出图库。我不知道我是否通过尝试任何存在的解决方案犯了错误。

HTML：

<div id="demo" class="galerie">
    <div class="item">
        <a href="..." class="swipebox">
            <img src="..." border=0 width="100%" alt="image">
        </a>
    </div>
    ...
</div>

jQuery：

$(function() {
    var BODY = $("body"),
    container = $("#demo"),
    pageElements;
    $(window).on("ready resize", function(event) {

        ...

        container.dragend({
            pageContainer: "#container",
            itemsInPage: itemsInPage,
            pageClass: "item",
            afterInitialize: function() {
                this.container.style.visibility = "visible";
            }
        });
    });
});

我需要的是在删除图库时阻止链接处于活动状态。