3

私はdivを持っています:

<div id="div" style="height:150px; border:solid thin blue;"></div>

元のdivの高さを取得する方法はありますか?divはサイズ変更可能であるため、コードが読み込まれる前にユーザーがサイズを変更した可能性があります。
注:私のコードはjQueryプラグインであるため、プラグインが呼び出される前に要素に何が起こったのかわかりません(したがって、要素データに高さを格納するように言わないでください...)

このデモのjqFiddleでは、divのサイズを変更した後に150を取得したいと思います。
どんな助けでも大歓迎です!

4

3 に答える 3

2

いいえ、メソッドがインライン スタイル値resizable()をオーバーライドするためです。height

別の場所に保管する必要があります。

たとえば、divサイズ変更可能にする前に:

var originalHeight = $('#div').height();
$('#div').resizable();

$('#cmd').button().click(function(){
    alert(originalHeight);
});
于 2012-05-11T13:13:21.267 に答える
0
originalHeight=0;
$(document).ready(function()
{
    originalHeight= $("#div").height()
});
于 2012-05-11T13:23:33.130 に答える
0

DOM から古いデータを取得する方法はわかりませんが、プラグインに init 関数を呼び出して値を取得することを主張できませんか? ドキュメントで、init 関数が完了するまで要素を移動しないようにアドバイスすることもできますが、.ready() 経由で呼び出された場合は、とにかくユーザーがまばたきする前に移動する必要があります。

jquery-uiを使用してdivのサイズを変更するにはどうすればよいですか?

別のオプションとして、ajax を使用してページを再度取得してからページを解析することもできますが、これは多くの労力と非常に面倒な作業になります。

于 2012-05-11T13:23:42.520 に答える