天天看點

[前端]使用JQuery UI Layout Plug-in布局

使用jquery ui layout plug-in布局架構實作快速布局,用起來還是挺友善的,稍微研究了一下,就能上手,關于該布局架構的材料,網上也挺多的。在項目中也使用到了,不過那是前端的工作,咱不能搶别人的飯碗不是?,不過對布局多少了解點,還是非常有幫助的。

這裡使用1.2.0版本的,項目結構:

[前端]使用JQuery UI Layout Plug-in布局

首先引入:

body中代碼:

[前端]使用JQuery UI Layout Plug-in布局
[前端]使用JQuery UI Layout Plug-in布局

然後就是使用layout方法進行初始化:

[前端]使用JQuery UI Layout Plug-in布局
[前端]使用JQuery UI Layout Plug-in布局

注意:在将不需要的參數注釋之後,需将最後一個參數後面的“,”去掉,經測試發現有的浏覽器版本不支援,看不到效果。

将不需要的參數注釋之後的效果:

[前端]使用JQuery UI Layout Plug-in布局

今天在使用該布局架構的時候,一個逗号問題,折騰我很長時間,這裡記錄一下,提醒以後要更細心才行。

部落格位址:

<a href="http://www.cnblogs.com/wolf-sun">http://www.cnblogs.com/wolf-sun/</a>

部落格版權:

本文以學習、研究和分享為主,歡迎轉載,但必須在文章頁面明顯位置給出原文連接配接。

如果文中有不妥或者錯誤的地方還望高手的你指出,以免誤人子弟。如果覺得本文對你有所幫助不如【推薦】一下!如果你有更好的建議,不如留言一起讨論,共同進步!

再次感謝您耐心的讀完本篇文章。

轉載:http://www.cnblogs.com/wolf-sun/p/3645769.html

繼續閱讀