Jquery插件simplemodal无法正常显示?

时间:2013-03-11 07:12:39

标签: jquery asp.net simplemodal

我正在使用EricMarin的SimpleModal。我没有让modalpopup正确显示。我是新手使用jquery插件而无法找到我出错的地方

这是我正在使用的jquery脚本

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js"></script>
<script type="text/javascript" src="../js/jquery.simplemodal.1.4.4.min.js"></script> 

这是我用过的css

<link rel="stylesheet" href="../css/simplemodal.css" />

这是simplemodal.css文件

#simplemodal-container a.modalCloseImg {
background:url(/Images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
[if lt IE 7]>
#simplemodal-container a.modalCloseImg {
    background:none;
    right:-14px;
    width:22px;
    height:26px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='Images/x.png', sizingMethod='scale'
    );
}

这是我用来显示模态弹出窗口的jquery函数

  <script type="text/javascript"> 
   $(function() {   

        $("#btnAdd").click(function(){                
            $("#tblSession").modal();
        });
   });
 </script>

这是我用来显示模态弹出窗口的表格

<table id="tblSession" style="width:100%">
<tr>
    <td>
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </td>
    <td>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </td>
</tr>
</table>

1 个答案:

答案 0 :(得分:0)

就您的代码提供的内容而言,我认为您应该通过在其上添加.hide { display: none }类来隐藏表,然后您需要做的就是运行模式。

Example here

另外,正如@da_re所说,你不应该两次添加jQuery。无论如何它是旧版本,不再可用。