Jquery диалоговое окно - открыть при нажатии на гиперссылку

Question

У меня есть JQuery DataTable которого 1 столбца каждая ячейка имеет гиперссылкой

<a href = "...../path/?id=1234" > 1234 </a> 
<a href = "...../path/?id=1235" > 1235 </a> 
<a href = "...../path/?id=1236" > 1236 </a> 

все они представляют собой клетки столбца в Jquery DataTable.

Теперь я хочу, чтобы открыть эту ссылку в диалоговом окне JQuery

Plus

Я новичок в JavaScript, пожалуйста, скажите мне, если я мог иметь

<a href = "...../path/?id=1234" > 1234 </a> 

ID = 1234 значение HREF тег, хранящийся в некоторой переменной, поскольку мне нужно дополнительно выполнить некоторые Django-запросы с использованием значения «id»

Answer 1

Просто добавьте класс к этим ссылкам и ручку e click. Например:

<a href = "...../path/?id=1234" class="dialog-link"> 1234 </a> 
<a href = "...../path/?id=1235" class="dialog-link"> 1235 </a> 
<a href = "...../path/?id=1236" class="dialog-link"> 1236 </a> 

Это код JQuery (убедитесь, что это после того, как «документ (готов)`.)

$(".dialog-link").click(function(e){ 
e.preventDefault(); //Don't open the link as a default behaviour 
//Call the dialog function here. 
});