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 を 2 回追加するべきではありません。いずれにしても古いバージョンであり、現在は入手できません。

于 2013-03-11T10:04:18.043 に答える