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

我认为我解决了你的问题，至少在它起作用的小提琴中是这样的：

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

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

Answer 2

patricia的回答将删除blueimp Gallery的功能，你没注意到你无法刷到下一张照片或关闭模态吗？

以下是已完成的解决方案https://jsfiddle.net/dfhjruft/，我正在使用if else语句来检测是否点击了按钮。

blueimp Gallery在图像下添加删除按钮总是打开图库

2 个答案: