Моя реализация SimpleModal не работает

Question

Я полный jQuery noob, и я пытаюсь использовать Eric Martin's SimpleModal Confirm Override dialog box на веб-странице ASP.Net. Это не работает - не удивительно, я понятия не имею, что я делаю! Вот упрощенная версия моей страницы 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> 

Когда я запускаю страницу, я вижу кнопку Demo и ссылку Демо, но при нажатии на них ничего не делает. Что мне не хватает? Можно ли использовать SimpleModal на странице ASP.Net? В рамках контроля содержимого? Большое спасибо!

Answer 1

Несколько вопросов здесь.

• script тег с src не может также содержать тело скрипта. Таким образом, это неверно.

  <script src='~/jquery/confirm/js/jquery.simplemodal.js'>$.modal('#confirm');</script>

• Если вы используете идентификатор, SimpleModal называется так: $('#content').modal();

• Это называют потребности быть внутри обработчика события щелчка.

  <script> $(document).ready(function() { $('a.confirm').click(function() { $('#content').modal(); }); }); </script>