5

単純なページがあり、ドキュメントにロードイベントを添付しようとしています。これを行うためにjQueryで使用するイベントハンドラーがわかりません。私は試しましたが、どちらも適切なタイミングでコードを実行していないよう$()です$(document).ready。.loadを使用する必要があり.onます.liveか？または私が間違っていることがありますか。サンプルは次のとおりです。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    $(document).ready(
        showWidth()
    );
    function showWidth() {
        alert($('#textTitle').width());
    }
</script>
</head>
<body>
<div class="page">
        <div id="title">
            <h1 id="textTitle">yo</h1>
        </div>
</div>
</body>
</html>

これを実行すると、アラートが表示されますnull。

4

3 に答える 3

6

コードを関数に書き込むのを忘れました。

$(document).ready(function() {
        showWidth();
    });

または単に

    $(function() {
        showWidth();
    });
于 2012-04-26T07:09:57.730 に答える
1

これを試してくださいhttp://jsfiddle.net/vdCwE/

また、ページにjQueryを含めてもよろしいですか？私はあなたのコードでそれを見ませんでした。

于 2012-04-26T07:14:37.570 に答える
1

読み込みには2つの状態があります。1つは「DOM対応」で、これを使うだけで聞くことができます

// the long way
$(document).ready(function() { console.log("dom ready"); });
// the short way
$(function() { console.log("dom ready"); });

または、実際のページ（画像、iFrameなど）の「読み込み」を待ちたい場合は、次を使用できます。

$(window).load(function() { console.log("everything should be loaded"); });
于 2012-04-26T07:15:34.753 に答える