asp.net中的消息框jquery（旧样式）答案

【问题标题】：Message box jquery in asp.net (old style)asp.net中的消息框jquery（旧样式）
【发布时间】：2012-11-23 09:10:40
【问题描述】：

我有一个 asp.net 用户控件，我添加了一个图像按钮，然后在头部我使用 javascript/jquery 向它添加一个按钮事件，这样它会在按钮单击时显示一个消息框，现在如果我查看开发人员工具，我可以看到 CSS 已加载，但是当我单击图像按钮时，所有发生的都是页面刷新，现在如果我尝试添加 alert("Message"); 而不是我的函数，它确实可以工作。

我更喜欢在前端做。

<head id="head1">
   <link href="/_LAYOUTS/1033/STYLES/abc/arts/galdtor.css" rel="stylesheet" type="text/css" />

   <script type="text/javascript" src="/_layouts/1033/jquery.js"></script>

   <script type="text/javascript">
      $(document).ready(function() {
        $("input[id$='btnSE']").click(function() {
          $('body').append("<div id='M'><span id='text'></span><br/><div id='BPB' onclick='return BPB();'><a href='' onclick='return BPB();'></a></div></div>");
        });

       function BPB() {
         $('#M').remove();
         $('#EM').remove();
         return false;
       }
     });
  </script>

</head>

然后在体内我得到了这个，

<div style="margin: 0px 0px 0px 5px; float: left;">
    <asp:ImageButton ID="btnSE" runat="server" ImageUrl="/_LAYOUTS/1033/IMAGES/abc/arts/gtor/ow.png" />
</div>

【问题讨论】：

标签： c# javascript jquery asp.net message

【解决方案1】：

这对我有用。

 <div style="margin: 0px 0px 0px 5px; float: left;">
 <asp:ImageButton ID="btnSE" runat="server"   OnClientClick="doWork(); return false;"
 ImageUrl="/_LAYOUTS/1033/IMAGES/abc/arts/gtor/ow.png" />
 </div>

<script type="text/javascript">
function doWork() {  
  $('body').prepend("<div id='M'><span id='text'></span><br/><div id='BPB'     onclick='return BPB();'>
 <a href='' onclick='return BPB();'></a>
 </div></div>");
}
</script>

【讨论】：

您必须通过返回 false 来防止回发
我只想说，你的救命稻草，现在像魅力一样工作

【解决方案2】：

<a href='' onclick='return BPB();'>

试试

<a href='javascript:bool(BPB());'></a>

由于您没有在 href 中设置任何内容，因此页面将重新加载

【讨论】：