小編最近遇到一個問題，久久不得其解，jtable.js中的彈出框如何自定義它的高呢？巧遇公司老員工，解決，這過程也讓我得到了不少的心得，先告訴你們代碼吧
方法就是改變jtable.js的源碼
1.在jquery.jtable.js源碼中的_showAddRecordIframe方法中添加代碼片段

if (this.options.Height == "auto") {$addRecordForm = $('<iframe id="' + IframeID + '" name="' + IframeID + '" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" style="width:100%;" src="' + this.options.AddIframeUrl + '" onload="SetIframeDigHeight(this)"></iframe>'); }

2.在jtable.js源碼中添加SetIframeDigHeight()方法

function SetIframeDigHeight(obj) {var win = obj;win.height = window.screen.availHeight - 300; }

上面window.screen.availHeight代表獲取頁面所在瀏覽器的界面的高度，這個就是實現該方法的主要原理

3.調用（由于工作內容，小編只提供其中部分代碼）

$('#jTableContainer').jtable({messages: turkishMessages, //提示信息//title: 'The Student List',//如果有AddIframeUrl或EditIframeUrl需要自定義新增、修改頁面AddIframeUrl: "/Add.aspx",EditIframeUrl: "/Edit.aspx",Width: "70%",Height: "auto",//調用重點

小編心得，任何js如果真的想完全適合工作中所提出的需求，那最應該做的就是去深入了解其源碼，當你只會調用別人的js，而不去自己動手去改其代碼，深入其中，探索原理，那么你的技術大概永遠也無法真正意義上取得突破。老員工的魅力大概就是，看得多，知道的多，遇到問題更能理解需求是否能夠實現，當然還有其不斷的學習才會變得如此優秀，小編經過此事才明白，高手都一直謙虛著，并不斷的在學習和探索中啊！

“如果有別人追你。”
“你可不可以說，我還有一個離不開我的笨蛋?！?/p>

總結

以上是生活随笔為你收集整理的jtable.js 弹出框自适应高度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。