javascript - blueimp 图库在图像下添加删除按钮始终打开图库

Question

我正在尝试在图像列表下添加一个删除按钮，该按钮将使用 Ajax 从图库中删除所选图像。

我遇到的问题是，每当单击删除按钮时，它都会打开图像库，下面的脚本会打开图库，当在“链接”div 内部单击时会打开该库。因此，当我单击“删除”按钮时，这仍在启动，但我似乎无法找到解决方案。

脚本

document.getElementById('links').onclick = function (event) {
    event = event || window.event;
    var target = event.target || event.srcElement,
        link = target.src ? target.parentNode : target.parentNode,
        options = { index: link, event: event },
        links = this.getElementsByClassName('image');
    blueimp.Gallery(links, options);
};

HTML

<div id="links">
        <div class="property-image">
            <a class="image" href="6e575f42-1da8-4da0-bf84-7752930aea75.JPG">
                <img src=" 6e575f42-1da8-4da0-bf84-7752930aea75.JPG">
            </a>
            <a class="btn btn-danger delete-confirm-ajax close" data-ajax="true" data-id="72758" href=" ">Delete</a>
        </div>
</div> 

Answer 1

我想我解决了你的问题，至少在 fiddle 中它有效:

https://jsfiddle.net/c5kbwqm0/2/

我所做的只是将焦点放在 click 上。元素中的事件 <a></a>而不是整个<div></div> .