javascript - 如何访问 jBox 中当前附加的 jBox 元素？

Question

我正在使用stephanwagner jBox 来完成以下任务。

我有一个列表链接，例如:

<a href="#" rel="first" class="delete">Delete First</a>
<a href="#" rel="second" class="delete">Delete Second</a>
<a href="#" rel="third" class="delete">Delete Third</a>
<a href="#" rel="fourth" class="delete">Delete Fourth</a>

我的目标是这些元素。单击它们后，会向我显示确认信息，以确定是否确实要删除某些内容。但现在无论我单击哪个链接，它总是选择连续的第一个元素。当按下 ok/yes 时，我将 confirm 与回调函数一起使用。

问题是，我无法获取当前单击的元素。我使用了 $(this)，仍然无法正常工作。我认为在jBox内部，this指的是jBox本身。

以下是我的开始

new jBox('Confirm',{
    attach: $('.delete'),
    title: 'Confirmation dialogue box',
    content: 'Do you want to continue?'

    confirm: function(){

        $.ajax({
            url: 'delete-file',
            data:{
                'path': $(this).attr('rel')  // It obviously didnt work as it is always selecting the first element in a row.
            }

        });

    },

    cancel: function(){

    }

});

Answer 1

您需要像这样修改插件代码:例如，您在 head 部分加载 jBox.all.js ；然后在第 2032 行进行更改，将代码“this.options.confirm()”替换为以下代码:“this.options.confirm(this.source)”!所以在确认处理程序中你被点击了 elm:

confirm: function(elm){
   console.log(elm.attr('id'));
}

同样，您可以将这个问题修复到其他事件处理程序。