-2

次のコードに問題があります。

<html>
<head>
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400italic' rel='stylesheet' type='text/css'>  
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:700' rel='stylesheet' type='text/css'>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
</head>
<body>
<input type = "button" value = "test" />
<script>
function firstload() {
    alert("start");
    $(document).ready(function () {
        alert("foo");
    });
    alert("end");
}
addEventListener('load', function () {
    'use strict';
    setTimeout(firstload, 0);
}, false);
</script>
</body>
</html>

いくつかの回避策を行ったので、コードの何が問題なのかわかりませんでした。

上記のコードはphpとして保存されますが、htmlとして保存しても機能しません。

alert("end") ステートメントに到達することはなく、alert("foo") ステートメントに到達することもありません。

$(docuemnt).ready を使用してコードを記述するにはどうすればよいですか。

4

2 に答える 2

2

やってみました？

function firstload() {
    alert("end");
}
$(function(){ /* or $(document).ready(){ */ /* if you prefere */
    firstload();
});

-編集-

window.load で実行される関数内のドキュメント準備完了

于 2013-07-28T18:03:10.770 に答える
1

個人的には、特に onready 関数を実行するときに、「addEventListener」を使用したことがありません。

jquery のベスト プラクティスは、次のようなものを使用することです。

$(function(){
   //insert code here
});

//insert other functions out here

.ready でそれを行う方法は次のとおりです。

$(document).ready(function() {
   //insert code here
});

//insert other functions out here

あなたのコードがうまくいかなかった理由はわかりませんが、うまくいくことは確かです。

jquery Web サイトへのリンクは次のとおりです: http://api.jquery.com/ready/

于 2013-07-28T18:52:53.237 に答える