0

私はaspxとjqueryを使用しています>プロジェクトにjqueryを含めましたが、うまく機能していないようです。単純な alert() を呼び出すようにテストしましたが、まったく呼び出していません。エラーもバグもありません。テストにはクロムを使用しています。

<head runat="server">
<title>Testing Miss</title>

<link href="./css/missingkids.css" rel = "stylesheet" type = "text/css" /> 

<script src="./script/missingkids.js" type="text/javascript"></script>
<script src="./script/jquery.masonry.min.js" type="text/javascript"></script>
<script src="./script/jquery-1.8.3.min.js" type="text/javascript"></script>
</head>

<body onload="PageLoad()">
<form id="form2" runat="server">
    <div class="bgcolor"></div>
    <div class="spacer"></div>
    <input type="button" id="clickMe" value="click" />
    <div id="images">
        <img class="grayscale" src="image/img1.jpg" />
    </div>

私のJSファイルで

(function($) {
$.fn.ibox = function() {
    ...
    });

$(document).ready(function() {
    $("#images img").ibox();
});


$("#clickMe").click(function () {

    alert("Me");
});



function PageLoad()
{
    var html = "";
    var num = 1;

    for (var idx=0; idx<100; idx++)
    {
        if( num == 4) num = 1;
        html += "<img src='image/img" + num + ".jpg' class='grayscale' />";
        num ++;
    }  
    document.getElementById("images").innerHTML  = html;
    //alert("adsf");

}

しかし、私の問題は、警告を呼び出すためだけにボタンを使用してコードをテストしたため、jqueryが機能していないように見えましたが、表示に注意していました。助けてください

ありがとう

4

2 に答える 2

0

次のように、クリック イベント ハンドラーをドキュメントの準備完了タグに追加してください

$(document).ready(function() {
    $("#clickMe").click(function () {
        alert("Me");
    });

    $("#images img").ibox();
});

次のように、ドキュメント準備完了タグを短く書くことができます。

$(function() {
    //...
});

Document ready タグがあるときに PageLoad を作成するのはなぜですか? それは同じだ... ：-）

于 2012-12-13T08:25:01.783 に答える
0

順番を間違っていると思います。

<script src="./script/missingkids.js" type="text/javascript"></script>
<script src="./script/jquery.masonry.min.js" type="text/javascript"></script>
<script src="./script/jquery-1.8.3.min.js" type="text/javascript"></script>

上記のコードは、次の順序で記述する必要があります。

<script src="./script/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="./script/jquery.masonry.min.js" type="text/javascript"></script>
<script src="./script/missingkids.js" type="text/javascript"></script>

また、エラー コンソールを検査するには、google-chrome の開発者ツールまたは firefox の firebug を使用する必要があります。

于 2012-12-13T08:26:54.673 に答える