点击表行的对话框

时间:2014-04-26 15:26:45

标签: javascript jquery html css ajax

我在html中有一个表我希望在单击一行时会出现一个对话框并且为了更新我的数据库我做了一个像这样的ajax调用:

$(document).ready(function() {
$('.myrow').click(function ()
    {
        $("#dialog").dialog({
            autoOpen: false,
            modal: true,
            width: 600,
            height: 300,
                            resizable: false,
            buttons: {
                "Yeah!": function() {
                    $(this).dialog("close");
                },
                "Sure, Why Not": function() {
                    $(this).dialog("close");
                }
                            }
        });

        $.ajax({

            type: "post",
            url: "shownotification.jsp", 
            data: {
                notifyidd: $(this).attr("id")


            },
            error : function(){ 
                alert('Error'); 
            },
            success: function(msg){      

                    alert('Success'); 

            }

        });
    });
});

但是没有出现对话框。请帮助。

在html中,我为对话框创建了一个分区:

<div id="dialog"></div>

我还包括了必需的js和css文件。

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/ui-darkness/jquery-ui.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

但仍然没有成功。请帮忙

1 个答案:

答案 0 :(得分:0)

您将自动打开标志设置为false。尝试将其设置为true。如果您仍想使用false,则必须调用.open()方法。

http://api.jqueryui.com/dialog/#option-autoOpen