在超链接单击事件中弹出显示DIV模式。 [英] Show a DIV modal pop up in hyperlink click event.
问题描述
亲爱的先生，
这是我的aspx页面设计和javascript用于显示Modal弹出窗口，但它不起作用。所以请帮助我解决这个问题.. 。
Javascript代码...
< script type =text / javascript>
$（＃btnVAaided）。点击（功能显示（）{
$（＃MdPinhole）。模态（'show'）;
}）;
< / script>
超链接.....
Dear sir ,
Here are my aspx page Design and javascript for display the Modal popup, but its not working.So kindly help me for that problem...
Javascript Code...
<script type="text/javascript">
$("#btnVAaided").click(function Display() {
$("#MdPinhole").modal('show');
});
</script>
Hyperlink .....
<a href="#" class="pull-right" id="btnVAaided" OnClientClick="Display();"><span class="glyphicon glyphicon-new-window"></span></a>
Div模态设计......
Div Modal Design...
<div class="modal fade" id="MdPinhole" role="dialog">
<div class="modal-dialog modal-megamenunew">
<!-- Modal content-->
<div class="modal-content Common_content">
<div class="modal-header headerRetiniscopy">
<button type="button" class="close btn_close" data-dismiss="modal">×</button>
<h4>Last 6 visit Log for Pinhole</h4>
</div>
<div class="container-fluid">
<div style="height:20px"></div>
<table border="0" class="table table-bordered" cellspacing="0" cellpadding="0" width="481">
<thead>
<tr>
<td nowrap="nowrap" rowspan="2">#</td>
<td nowrap="nowrap" rowspan="2">Date</td>
<td nowrap="nowrap" rowspan="2">VisitId</td>
<td nowrap="nowrap" rowspan="2">Doctor/Screener</td>
<td nowrap="nowrap" colspan="2">Values</td>
</tr>
<tr>
<td nowrap="nowrap">Right Eye</td>
<td nowrap="nowrap">Left Eye</td>
</tr>
</thead>
<tbody>
<tr>
<td nowrap="nowrap">1</td>
<td nowrap="nowrap"> <asp:TextBox ID="TextBox1" class="form-control input-sm" runat="server" disabled="disabled"></asp:TextBox></td>
<td nowrap="nowrap"> sas</td>
<td nowrap="nowrap"> sqsq</td>
<td nowrap="nowrap"> <asp:TextBox ID="txtPinholeL1" class="form-control input-sm" runat="server" disabled="disabled"></asp:TextBox></td>
<td nowrap="nowrap"> <asp:TextBox ID="txtPinholeR1" class="form-control input-sm" runat="server" disabled="disabled"></asp:TextBox></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
谢谢&安培;问候
Bigyan Sahoo
我尝试过：
我可以通过使用js文件来做同样的事情，但在这里我想在同一页面显示使用javascript弹出..
Thanks & Regards
Bigyan Sahoo
What I have tried:
I can do the same by using an js file but here I want to display the Pop up using javascript in same page..
推荐答案
（ #btnVAaided）。点击（功能Display（）{
("#btnVAaided").click(function Display() {
（＃MdPinhole）。modal（'show'）;
} ）;
< / script>
超链接.. ...
("#MdPinhole").modal('show');
});
</script>
Hyperlink .....
<a href="#" class="pull-right" id="btnVAaided" OnClientClick="Display();"><span class="glyphicon glyphicon-new-window"></span></a>
Div模态设计......
Div Modal Design...
<div class="modal fade" id="MdPinhole" role="dialog">
<div class="modal-dialog modal-megamenunew">
<!-- Modal content-->
<div class="modal-content Common_content">
<div class="modal-header headerRetiniscopy">
<button type="button" class="close btn_close" data-dismiss="modal">×</button>
<h4>Last 6 visit Log for Pinhole</h4>
</div>
<div class="container-fluid">
<div style="height:20px"></div>
<table border="0" class="table table-bordered" cellspacing="0" cellpadding="0" width="481">
<thead>
<tr>
<td nowrap="nowrap" rowspan="2">#</td>
<td nowrap="nowrap" rowspan="2">Date</td>
<td nowrap="nowrap" rowspan="2">VisitId</td>
<td nowrap="nowrap" rowspan="2">Doctor/Screener</td>
<td nowrap="nowrap" colspan="2">Values</td>
</tr>
<tr>
<td nowrap="nowrap">Right Eye</td>
<td nowrap="nowrap">Left Eye</td>
</tr>
</thead>
<tbody>
<tr>
<td nowrap="nowrap">1</td>
<td nowrap="nowrap"> <asp:TextBox ID="TextBox1" class="form-control input-sm" runat="server" disabled="disabled"></asp:TextBox></td>
<td nowrap="nowrap"> sas</td>
<td nowrap="nowrap"> sqsq</td>
<td nowrap="nowrap"> <asp:TextBox ID="txtPinholeL1" class="form-control input-sm" runat="server" disabled="disabled"></asp:TextBox></td>
<td nowrap="nowrap"> <asp:TextBox ID="txtPinholeR1" class="form-control input-sm" runat="server" disabled="disabled"></asp:TextBox></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
Thanks & Regards
Bigyan Sahoo
What I have tried:
I can do the same by using an js file but here I want to display the Pop up using javascript in same page..
Thanks & Regards
Bigyan Sahoo
What I have tried:
I can do the same by using an js file but here I want to display the Pop up using javascript in same page..
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ModalPopup.aspx.cs" Inherits="PayPalApi.ModalPopup" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../../../../../Content/js/jquery-1.9.1.min.js"></script>
<script src="../../../../Content/js/bootstrap.min.js"></script>
<link href="../../../../../Content/css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript">这篇关于在超链接单击事件中弹出显示DIV模式。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
