Question

我有一个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>

Answer 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>

Answer 2

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

试

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

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

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

2 个答案: