2012-12-13 51 views
0

即時通訊使用aspx和jquery>我包括我的jquery在我的項目,但它似乎不工作。正如我測試調用一個簡單的警報(),但它根本不打電話。沒有錯誤,沒有錯誤提示在我身邊。我使用鉻進行測試。jquery沒有調用

<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是不工作,因爲我有一個按鈕,測試的代碼只是調用警報,但指出秀。 請幫助

感謝

+0

你確定沒有java腳本錯誤嗎? –

回答

0

請添加您的單擊事件處理程序來記錄這樣

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

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

準備標籤,你可以寫文檔準備標籤短這樣的:

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

和爲什麼您在擁有Document ready標籤時製作PageLoad?它相同... :-)

+0

嗨,感謝您的糾正,現在它正在爲alert()工作。 – user994985

+0

但是我的下一個問題實際上是$(「#images img」),ibox調用的函數如下: – user994985

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> 

您還應該使用谷歌,Chrome的開發者工具或Firefox的螢火蟲來檢查錯誤控制檯。

+0

嗨,非常感謝您的更正,我從不知道這個安排是如此重要。 – user994985