1

モーダルをポップしようとしています。このコードが機能することはわかっていますが、何らかの理由で js がロードされていないか、$document.ready に到達していません。アラートが発生し、デバッグ モードで実行しましたが、起動すらしていません。

これは、jsをロードするスクリプトを含む私の.aspxです

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RCC_ChgPassTester.aspx.cs" Inherits="Regal.Web._Tester.RCC.RCC_ChgPassTester" %>
<%@ Register Src="RCC_ChangePassword.ascx" TagPrefix="Rcc" TagName="RCCChgPass" %> 
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <link href="/assets/css/home.css" media="all" rel="stylesheet" type="text/css"/> 
    <link href="/assets/css/modal.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="/assets/css/rcc-main.css" media="all" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="http://www.regmovies.com/assets/css/jquery-plugins.css"/>
 <!--   <link rel="stylesheet" href="/assets/css/global.css" /> -->  

    <script type="text/javascript" src="/assets/js/jquery.js"></script>
    <script type="text/javascript" src="/assets/js/jquery-plugins.js"></script>
    <script type="text/javascript" src="/assets/js/jquery.openCarousel.js"></script>
    <script type="text/javascript">
        /*<![CDATA[*/
        window.jQuery || document.write('<script type="text/javascript" src="/assets/js/jquery.js">\x3C/script>') /*]]>*/
    </script>
<script type="text/javascript" src="../_assets/js/RCCTester.js"></script>
</head>
<body id="body" style="background-image:url(http://www.regmovies.com/~/media/Images/Site%20Takeovers/wallpaper_cloudyNP.ashx);">


    <form id="form1" runat="server">
    <div>         
    <RCC:RCCChgPass runat="server" ID="ChgPass" />
    </div>
    </form>

</body>
</html>

ここに私のスクリプトがあります：

(function (window) {
    var
   $ = window.jQuery,
   modalLocation = '#modal-password-change',
    modalPasswordChangeOpts = {
        autoOpen: true,
        modal: true,
        resizable: false,
        draggable: false,
        width: '450',
        height: '550',
        dialogClass: 'modal',
        close: function () { $(this).dialog('destroy'); }
    };

    function showModal() {
        $(modalLocation).dialog($.extend(modalPasswordChangeOpts))
        $(modalLocation).dialog('open');
    }

    $(document).ready(function () {

        RCC.showModal();
        alert("I am here");
        return false;
    });


    window.RCC = window.RCC || {};
    window.RCC.showModal = showModal;
});
4

2 に答える 2