DataTables и jquery добавление модальных для редактирования / удаления ссылок в каждой строке

Question

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

Я пытаюсь отключить окно подтверждения jquery без особой удачи .. Обычный JavaScript работает отлично ..

Я использую DataTables и имею 2 изображения в последнем столбце справа, одно редактирование и другое удаление.

Я пробовал простой диалог как:

     ` $('#datatable tbody tr a.delete img').live( 'click', function () {
    $( "#dialog" ).dialog();

  });`

В HTMLУ меня есть дивиденд с идентификатором диалогового окна ... но когда я нажимаю на ссылку, я получаю сообщение об ошибке "$ (" # dialog "). Диалог не является функцией"

Я нашел эту ошибку в Googleсмерть без удачи .. У кого-нибудь есть идеи?

Answer 1

$.dialog() является частью плагина jQuery UI .

У вас есть демо здесь: http://jqueryui.com/demos/dialog/

Загрузка jQuery, затем jQueryUI, затем ваш скрипт

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript"></script> 
<script>
$(function() {
    $('#datatable tbody tr a.delete img').live( 'click', function () {
      $( "#dialog" ).dialog();
    });
});
</script>