bootstrap modal上彈出dialog 報錯Maximum call stack size

jokester 發布于2019-08-20 11:36 / 1054人閱讀

摘要：昨天修改彈出的警告太難看了，改用對話框，然后就報了一個錯反復測試，在的模態框上彈出了的，才報這個錯的。設置選項為，并通過選項來指定主要的和次要的用戶動作。總之，問題解決了。

昨天修改alert彈出的警告太難看了，改用dialog對話框，然后就報了一個錯：

    jquery-2.0.2.min.js:5 Uncaught RangeError: Maximum call stack size exceeded.

反復測試，在bootstrap的modal模態框上彈出了jQuery UI的dialog，才報這個錯的。

堆棧溢出！！！
感覺這個問題挺嚴重的，怎么調試都找不到報錯的原因，上網搜了一下，資料如下：
瀏覽器JS報錯Uncaught RangeError: Maximum call stack size exceeded
JS 異常： Uncaught RangeError: Maximum call stack size exceeded

歸根結底，原因是遞歸調用了，但是，如同第二個鏈接里所說的：

表面上看，是因為遞歸次數太多導致內存被耗費太多，但是我的程序中，并沒有一處使用遞歸算法啊
我的js中同樣是沒有使用遞歸調用的情況啊，差點要放棄了。

問題的根源在于網頁中引用了兩個不同的JavaScript庫，而這兩個庫都對JavaScript原始對象的某些方法做了修改，從而導致出現了循環引用

仔細研究了下jQuery UI 實例 - 對話框（Dialog），恍然大悟，dialog本質上也是modal。
我們這里造成報錯的原因是我們使用的bootstrap的modal模態框和jQuery UI dialog的確定按鈕的click事件沖突了，也就是說，問題的根源是引用了兩個不同的JavaScript庫，他們都對彈出的modal做出了修改，我兩個同時嵌套使用的時候，就造成了遞歸調用。

最終，解決辦法是將dialog的modal設置為false：

$(function() {
    $( "#dialog-modal" ).dialog({
      height: 140,
      modal: false
    });
  });

jQuery UI 實例 - 對話框（Dialog）中也說了：

模態確認
確認一個動作可能是破壞性的也可能是有意義的。設置 modal 選項為 true，并通過 buttons 選項來指定主要的和次要的用戶動作。

哎。。。總之，問題解決了。

GPU云服務器云服務器 bootstrap-modal modal彈出框 dialog底部彈出 Maximum

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80658.html

前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

LiangJ 2019-08-30 12:58 評論0 收藏0
前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

codercao 2019-08-19 18:10 評論0 收藏0
前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

huayeluoliuhen 2019-08-01 15:13 評論0 收藏0
整理：手機端彈出提示框，使用的bootstrap中的模態框（modal，彈出層），比kendo彈出效

摘要：通過按鈕屬性顯示不同內容當有一堆按鈕，都要觸發相同的模態框如向好友列表中某個人發消息，只是有用戶不同，那么可以使用配合來實現好友列表好友列表張三張三李四李四王二王二觸發事件的按鈕解析出內容效果圖：我的代碼示例： &...

番茄西紅柿 2019-04-23 13:17 評論0 收藏0
用vue實現模態框組件

摘要：組件結構頭部內容區域尾部操作按鈕模態框結構分為三部分，分別為頭部內部區域和操作區域，都提供了，可以根據需要定制。調用點擊確定按鈕的回調處理點擊取消按鈕的回調處理用創建一個索引就很方便拿到模態框組件內部的方法了。基本上每個項目都需要用到模態框組件，由于在最近的項目中，alert組件和confirm是兩套完全不一樣的設計，所以我將他們分成了兩個組件，本文主要討論的是confirm組件的實...

mrcode 2019-08-21 14:28 評論0 收藏0