0

我正在使用 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>
4

1 回答 1

0

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

这里的例子

此外，正如@da_re 所说，您不应该添加 jQuery 两次。无论如何，它是一个旧版本，不再可用。

于 2013-03-11T10:04:18.043 回答