最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

EasyUitabs的高度与宽度根据IE窗口的变化自适应代码_jquery

来源:动视网 责编:小采 时间:2020-11-27 20:55:29
文档

EasyUitabs的高度与宽度根据IE窗口的变化自适应代码_jquery

EasyUitabs的高度与宽度根据IE窗口的变化自适应代码_jquery:tabs代码如下: 代码如下: tabs1 tabs2 如果id=tabs的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何内容,并且和dialog还有冲突(dialog无法弹出窗口)。 无奈去
推荐度:
导读EasyUitabs的高度与宽度根据IE窗口的变化自适应代码_jquery:tabs代码如下: 代码如下: tabs1 tabs2 如果id=tabs的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何内容,并且和dialog还有冲突(dialog无法弹出窗口)。 无奈去


tabs代码如下:
代码如下:

  
  tabs1
  

  tabs2
  


如果id="tabs"的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何内容,并且和dialog还有冲突(dialog无法弹出窗口)。

无奈去google搜索,找到一个解决方法如下:
1. 去掉div里的class="easyui-tabs"
2. 加上一段JS
代码如下:

$(function(){
  $("#tabs").tabs({
    width:$("#tabs").parent().width(),
    height:$("#tabs").parent().height()
  });
});


加上这段代码后,发现容器会很高,因为他获得是父容器的height
解决方法:
JS修改为
代码如下:
$('#tabs').tabs({
  width: $("#tabs").parent().width(),
  height: "auto"
});

Ok,搞定

文档

EasyUitabs的高度与宽度根据IE窗口的变化自适应代码_jquery

EasyUitabs的高度与宽度根据IE窗口的变化自适应代码_jquery:tabs代码如下: 代码如下: tabs1 tabs2 如果id=tabs的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何内容,并且和dialog还有冲突(dialog无法弹出窗口)。 无奈去
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top