弹出消息框使用jquery

时间:2012-12-05 12:41:01

标签: jquery jquery-ui popup

我是JQuery的新手。我需要使用JQuery弹出消息框。请帮忙怎么做或者请给我链接我如何获得这个。

我使用的是messi,但我无法获得所需的结果。

<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
    <title></title>
    <link rel="stylesheet" href="files/messi.min.css" />
  </head>
  <body>
    <script src="files/messi.min.js">    
      new messi('This is a message with Messi.', { title: 'Title' });
    </script>
   <form id="form1" runat="server">
     <div>
       <asp:Button ID="Button1" runat="server" Text="click" />
     </div>
   </form>
  </body>
</html>

2 个答案:

答案 0 :(得分:4)

你可以使用 jQuery Ui轻松完成

<强> HTML

 <a href="#" id="contactUs">Contact Us</a>                   
 <div id="dialog" title="Contact form">
   <p>appear now</p>
 </div>

您需要初始化对话

$(function() {
  // this initializes the dialog (and uses some common options that I do)
  $("#dialog").dialog({autoOpen : false, modal : true, show : "blind", hide : "blind"});

  // next add the onclick handler
  $("#contactUs").click(function() {
    $("#dialog").dialog("open");
    return false;
  });
});

对话框弹出广告的重要链接 Link 1 另一个Link 2

我是从Here

得到的

希望这会有所帮助。祝你好运。

答案 1 :(得分:0)

我有同样的问题, 并使用Ajax Control Toolkit弹出消息框解决。

您可以在此处找到ModelPopupExtender的示例: http://jamestsai.net/Blog/post/How-to-use-ASPNET-AJAX-UpdatePanel-in-ModalPopup.aspx 你可以自定义这个。并且还可以通过代码隐藏手动弹出消息框。

问候,Bengi。