使用div的jquery popup

时间:2009-07-29 12:51:43

标签: jquery

我在jquery有一个聊天应用程序,我想邀请群聊的人,因为我需要发送一个自动弹出消息,要求用户接受或拒绝群聊邀请。我想使用div弹出。我从哪里开始?

2 个答案:

答案 0 :(得分:2)

您可能需要查看JQueryUI dialog

答案 1 :(得分:1)

在每个客户端上使用AJAX轮询服务器以获取新邀请。如果有,请从邀请中检索任何有用的数据。我会考虑使用jQuery UI dialog作为弹出窗口,因为你已经在使用jQuery了。如果他们单击“接受”按钮,它将调用您在创建对话框时指定的处理程序。

编辑评论:

要使jQuery UI对话框成为模态,请在打开它之后执行此操作:

$('.selector').dialog('option', 'modal', true);

或初始化时的这个:

$('.selector').dialog({ modal: true });

更多编辑评论:

要编辑内容,您只需像以前那样制作div:

<div id='someIdOfYourChoosing' title='the dialog title goes here'>
  //put any elements you want in here
</div>

然后进行对话:

$('#someIdOfYourChoosing').dialog({
    modal: true;
});