js 执行一段html代码,js代码直接放到html页面可以执行，单独放到js文件再引用却执行不了...

$(document).ready(function () {

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

js代码直接放到html页面可以执行，单独放到js文件再引用却执行不了，？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？

但是如果我这样却可以执行：

function   ImgDfunction(){}

源代码：

@foreach (var item in Model)

{

$(document).ready(function () {

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

var MeId = $("input").val();

$.ajax({

type: "Get",

url: "/Main/IsDingOrCai",

data: "q=ding&MeId=" + MeId,

success: function (msg) {

if (msg == "Sorry") {

alert("对不起，您已经对这段笑话表过态了！");

}

if (msg == "Ok") {

alert("谢谢你的参与");

}

}

})

});

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

$.ajax({

type: "Get",

url: "/Main/IsDingOrCai",

data: "q=cai",

success: function (msg) {

if (msg == "Sorry") {

alert("对不起，您已经对这段笑话表过态了！");

}

if (msg == "Ok") {

alert("谢谢你的参与!");

}

}

});

});

});

@Html.Raw(item.Title)

@Html.Raw(item.Message)

                           

@Html.Label(item.dingCount.ToString())

                           

@Html.Label(item.caiCount.ToString())

这样可以执行......但是页面输出的三个DIV，只有第一个Div中的Img可以触发js函数，下面两个DIV中的IMG怎么点也触发不了