在iFrame子頁面里實現(xiàn)模態(tài)框的方法

在 iframe 子頁面寫模態(tài)框時，按照以前的寫法，點擊彈出模態(tài)框的按鈕之后一直沒有反應(yīng)，但代碼并沒有寫錯，代碼如下：

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)高州,十載網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792

<input class="btn" id="deletebutton" type="button" value="刪貼" onclick="deletePost()"/>
<!-- 管理員發(fā)送消息模態(tài)框 2017.1.25 -->
<div id="messageModal" class="modal fade" role="dialog" >
   <div class="modal-header" >
   <a class="close" data-dismiss="modal">×</a>
   <h4>發(fā)送消息給本貼貼主</h4>
  </div>
  <div class="modal-body" >
   <h5  id="errorMessage"></h5><br/>
   <h5 >請輸入消息內(nèi)容：<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()">發(fā)送</a>
   <a href="#" rel="external nofollow" rel="external nofollow" class="btn bt" onclick="reSet()">重置</a>
  </div>
</div>

在網(wǎng)上搜索了很久也沒找到原因，但是看到一種方法，是把模態(tài)框的html代碼放置到父頁面上，然后使用：

window.parent.$('#messageModal').modal('show');

來調(diào)用模態(tài)框顯示。

如果子頁面有js方法在模態(tài)框中調(diào)用，再通過下面的語句實現(xiàn)調(diào)用：

// Conframe是父頁面的iframe標(biāo)簽的name屬性（注意：不能用id屬性，在Firefox中不能獲取iframe的id屬性）
Conframe.window.callPostEditor();

即“iframe的name屬性.windows.方法名（）”。

以上這篇在iFrame子頁面里實現(xiàn)模態(tài)框的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

文章題目：在iFrame子頁面里實現(xiàn)模態(tài)框的方法
URL地址：http://bm7419.com/article44/geidee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、搜索引擎優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站排名、靜態(tài)網(wǎng)站、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)