DataTables和jquery添加模式来编辑/删除每一行中的链接

时间:2010-12-28 02:36:42

标签: jquery jquery-ui datatable

我是新手,所以请原谅我,如果这是一个简单的...

我试图在没有太多运气的情况下显示一个jquery确认框。常规的javascript工作正常..

我正在使用DataTables,右边的最后一列有2个图像,一个是编辑,另一个是删除。

我尝试了一个简单的对话框:

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

  });`

在html中我有一个带有对话框id的div ..但是当我点击链接时我得到一个错误,说“$(”#dialog“)。对话框不是函数”

我已经将这个错误用Google搜索过,但没有运气。任何人都有任何想法?

1 个答案:

答案 0 :(得分:2)

$.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>