国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery ui resizable bug解決方法

2019-11-21 00:10:46
字體：大 中 小
供稿：網(wǎng)友
但開啟 helper: 'ui-resizable-helper' 或animate: true, 時候,會發(fā)現(xiàn)官方的例子的寬度自動增加了10PX 仔細翻源代碼一看,發(fā)現(xiàn)有以下問題:(如圖)


竟然用padding 難怪會自動添加寬度
這個問題在ie firefox下都存在.
其中這個問題比較難發(fā)現(xiàn),但你可以用以下代碼測試出來:
復制代碼 代碼如下:

<style type="text/css">
#resizable { width: 350px; height: 150px; padding: 0.5em; }
#resizable h3 { text-align: center; margin: 0; }
.ui-resizable-helper { border: 1px dotted #ddd; }
</style>
<script type="text/javascript">
$(function() {
$("#resizable").resizable({
maxWidth: 350,#讓最大寬度和最小寬度一致
minHeight: 150,
minWidth: 350,
helper: 'ui-resizable-helper'
});
});
</script>
</head>
<body>
<div id="resizable" class="ui-widget-content">
test
</div>
</body>


只要把上面的

 #resizable { width: 350px; height: 150px; padding: 0.5em; }
 #resizable h3 { text-align: center; margin: 0; }

改為:

 #resizable { width: 350px; height: 150px; }
 #resizable h3 { text-align: center; margin: 5px; } 

即可.

其實細心一點會發(fā)現(xiàn)還有問題:

 

其實就是ui-widget-content的邊框的大小為1px造成的,所以,我們改把#resizable的寬度在縮小2px

修改代碼:

 #resizable { width: 350px; height: 150px; }

為:

#resizable { width: 348px; height: 150px; } 

在測試,正常了.

發(fā)現(xiàn)JQUI的小問題還真不少....

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 容城县| 博白县| 普兰县| 松原市| 孝义市| 柳江县| 天峻县| 黑水县| 房产| 分宜县| 精河县| 库尔勒市| 铁力市| 锦州市| 天津市| 镇宁| 白银市| 麟游县| 安福县| 贵南县| 河池市| 太白县| 巴楚县| 奉化市| 长寿区| 潼关县| 峨边| 正镶白旗| 祁门县| 长沙县| 柘城县| 新田县| 石狮市| 浦东新区| 赣榆县| 津市市| 西乌珠穆沁旗| 东丰县| 松江区| 淳化县| 清丰县|