Timeout-Dialog.js問題

Question

我正在ASP.NET MVC 5項目中實現Timeout-Dialog.js 。

所以在我的布局頁面上

 <script type="text/javascript" language="javascript">

        $(function () {
            Timer();
        });

        function Timer() {
            console.log("Set Timeout");
            setTimeout(TimeOut, 10000);
        }

        function TimeOut() {
            $.timeoutDialog({
                timeout: 1,
                countdown: 60,
                keep_alive_url: '@Url.Action("KeepAliveSession", "Account")',
                logout_redirect_url: '@Url.Action("Login", "Account")',
                logout_url: '@Url.Action("LogOff", "Account")',
                restart_on_yes: true
            });
        }
    </script>

我將所有文件都包含在BundleConfig 。

   public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                      "~/Scripts/jquery-{version}.js",
                       "~/Scripts/jquery-ui.min.js",                       
                       "~/Scripts/jquery.dataTables.min.js",
                      "~/Scripts/dataTables.jqueryui.min.js ",        
                      "~/Scripts/timeout-dialog/js/timeout-dialog.js"
                      ));

    bundles.Add(new StyleBundle("~/Content/css").Include(
                   "~/Content/bootstrap.css",
                   "~/Content/site.css",
                   "~/Content/main.css",
                   "~/Content/jquery.dataTables.min.css",                
                   "~/Content/jquery-ui.css",
                   "~/Content/dataTables.jqueryui.min.css",
                   "~/Scripts/timeout-dialog/css/timeout-dialog.css"

               ));

該對話框會及時顯示，但是當我按下任何按鈕時，都會遇到此錯誤。

未捕獲錯誤：無法在初始化之前在對話框上調用方法； 試圖調用方法“關閉”

任何線索如何解決它？

Answer 1

請參考： 文檔

問題出在插件Timeout-Dialog.js上

用$('#timeout-dialog').dialog('close');替換$(this).dialog('close') $('#timeout-dialog').dialog('close'); 在插件中