0

私は jQuery初心者で、ASP.Net Web ページでEric Martin の SimpleModal Confirm Override ダイアログ ボックスを使用しようとしています。うまくいきません。何をしているのかわかりません。私のaspxページの簡略版は次のとおりです。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Reimbursements.aspx.cs" Inherits="EAS.telecom.Reimbursements" MasterPageFile="~/common/default.master"  Title="Reimbursements" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<%@ MasterType VirtualPath="~/common/default.master" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="Main">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type='text/javascript' src='~/jquery/confirm/js/jquery.js'></script>
    <script type='text/javascript' src='~/jquery/confirm/js/jquery.simplemodal.js'>
        $.modal('#confirm');</script>
    <script type='text/javascript' src='~/jquery/confirm/js/confirm.js'></script>
    <script language="javascript" type="text/javascript">
        //some regular javascript here
</script>
<asp:Panel runat="server" ID="pnlEmployeeInfo" Enabled="false">
<div id='content'>
        <div id='confirm-dialog'>
            <h3>Confirm Override</h3>
            <p>A modal dialog override of the JavaScript confirm function. Demonstrates the use of the <code>onShow</code> callback as well as how to display a modal dialog confirmation instead of the default JavaScript confirm dialog.</p>
            <input type='button' name='confirm' class='confirm' value='Demo'/> or <a href='#' class='confirm'>Demo</a>
        </div>

        <!-- modal content -->
        <div id='confirm'>
            <div class='header'><span>Confirm</span></div>
            <div class='message'></div>
            <div class='buttons'>
                <div class='no simplemodal-close'>No</div><div class='yes'>Yes</div>
            </div>
        </div>
        <!-- preload the images -->
        <div style='display:none'>
            <img src='~/jquery/confirm/img/confirm/header.gif' alt='' />
            <img src='~/jquery/confirm/img/confirm/button.gif' alt='' />
        </div>
    </div>
     //more controls, including an AJAX TabContainer
    </asp:Panel></asp:Content>

ページを実行すると、デモ ボタンとデモ リンクが表示されますが、それらをクリックしても何も起こりません。私は何が欠けていますか?ASP.Net ページで SimpleModal を使用できますか? コンテンツ コントロール内? どうもありがとう!

4

1 に答える 1