微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 当css类设置宽度时获取div的宽度

这个JS脚本给了我一个警告说;

jQuery.UI.version = 1.0.2  ---   Box Width: undefined

如何选择#resizable?

<head>
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
       <style>
  #resizable { width: 200px; height: 150px; padding: 5px; border: 1px solid red;}

  </style>

      <script>
        $(function () {
            var BoxWidth = $('#resizable').attr('width');
            alert("jQuery.UI.version = " + jQuery.ui.version + "  ---   Box Width: " + BoxWidth);           
        });
  </script>


</head>
<body>
    <div id="resizable" class=">
        <div id="title">
            <h2>
            The expanding Box
            </h2>
        </div>    
    </div>
</body>

解决方法

看到这里你没有宽度属性

<div id="resizable" class=">

这肯定会崩溃并设置为undefined,var BoxWidth = $(‘#resizable’).attr(‘width’);

获取元素宽度的方法有两种:

通过.width()方式:

$('#resizable').width();

并通过.css()方式:

$('#resizable').css('width');

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐