溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在 iframe 子頁面寫模態框時，按照以前的寫法，點擊彈出模態框的按鈕之后一直沒有反應，但代碼并沒有寫錯，代碼如下：
<input class="btn" id="deletebutton" type="button" value="刪貼" onclick="deletePost()"/> <!-- 管理員發送消息模態框 2017.1.25 --> <div id="messageModal" class="modal fade" role="dialog" > <div class="modal-header" > <a class="close" data-dismiss="modal">×</a> <h4>發送消息給本貼貼主</h4> </div> <div class="modal-body" > <h5 id="errorMessage"></h5><br/> <h5 >請輸入消息內容：<input id="messageContent" type="text" ></h5><br/> </div> <div class="modal-footer" > <a href="#" rel="external nofollow" rel="external nofollow" class="btn btn-success" onclick="callPostEditor()">發送</a> <a href="#" rel="external nofollow" rel="external nofollow" class="btn bt" onclick="reSet()">重置</a> </div> </div>
在網上搜索了很久也沒找到原因，但是看到一種方法，是把模態框的html代碼放置到父頁面上，然后使用：
window.parent.$('#messageModal').modal('show');
來調用模態框顯示。
如果子頁面有js方法在模態框中調用，再通過下面的語句實現調用：
// Conframe是父頁面的iframe標簽的name屬性（注意：不能用id屬性，在Firefox中不能獲取iframe的id屬性） Conframe.window.callPostEditor();
即“iframe的name屬性.windows.方法名（）”。
以上這篇在iFrame子頁面里實現模態框的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
