Как получить доступ к текущему прикрепленному элементу 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> 

Я нацеливание этих элементов. Нажав на них, покажет мне подтверждение, чтобы убедиться, что действительно хотите что-то удалить. Но теперь, какую ссылку я нажимаю, он всегда выбирает первый элемент в строке. Я использую confirm с функцией обратного вызова при нажатии ok/yes.

Проблема в том, что я не могу получить элемент, нажатый в текущий момент. Я использовал $(this), все еще не работая. Я думаю, что внутри jBox это относится к самому 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

Попробуй так

$(.delete).each(function(){ 
new jBox('Confirm',{ 
    attach: $(this), 
    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(){ 

    } 

}); 
})