4

この 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>
4

6 に答える 6

3

存在しないサイズ変更可能な属性のセレクター$('#resizable').attr('width');検索width

私はあなたが求めていると思いますwidth()

これを試して

 var boxWidth = $('#resizable').width(); //this gives you the width of resizable div

コメントを見て更新

コードは div の属性 width を読み取ります<div id="resizable" class="asd">..しかし、参照してください。この div には width と呼ばれる属性がないため、失敗します... attr()の詳細についてはドキュメントを参照してください。

次のようにdivに幅を追加すると、コードが機能します<div id="resizable" class="asd" width="30px">...これは 30pxアラートとして表示されます...

于 2013-04-11T10:01:19.250 に答える
3

の属性がないことを確認してくださいwidth:

<div id="resizable" class=">

これは確実にクラッシュし、 に設定されますundefined。var boxWidth = $('#resizable').attr('width');

次のような要素の幅を取得する方法は 2 つあります。

ところで.width()：

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

.css()ところで：

$('#resizable').css('width');
于 2013-04-11T10:07:48.403 に答える
1

このビットを試してください：

$('#resizable').width();
于 2013-04-11T10:01:26.593 に答える
1

その div に width 属性がありません。div の width プロパティを取得しようとしていますか? 試す

$("#resizable").width();
于 2013-04-11T10:02:17.567 に答える
0 
alert($('#resizable').width()); will you give 200

alert($('#resizable').css('width')); and this will you give 200px

分割幅

于 2013-04-11T10:07:09.847 に答える
0

Pure JavaScript を使用すると、次の方法でこれを行うことができます。

document.getElementById('resizable').clientWidth;
于 2018-05-23T08:11:07.017 に答える