0

我正在使用 aspx 和 jquery> 我将我的 jquery 包含在我的项目中，但它似乎效果不佳。当我测试调用一个简单的 alert() 但它根本没有调用。没有错误，没有错误提示在我身边。我使用 chrome 进行测试。

<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 回答