jq 控制td只显示一行_jQuery-禁用特定td的实时点击事件

I got a table and i assign the click event via .live() to each td (id="min") in every row

View:

@Html.Action("GetMinAmount", "Stock", new { id = item.FoodID })

Controller (to display either image or amount)

// Function to return min amount, if null return "-"

public string GetMinAmount(int id)

{

var food = dbEntities.FOODs.Single(f => f.FoodID == id);

string output = "";

if (food.MinAmount == null)

{

output += "";

}

else

{

return food.MinAmount.ToString();

}

return output;

}

Script:

$('#min').live('click', function () { $editdialog.dialog('open'); });

But inside the td I can have 2 conditions, one is the "enabled" state which showing the Amount where user can click and edit the amount. If the amount is null, an icon will be displayed and user cannot do anything with it.

Currently I cant remove the click handler for the disabled image. So even the td which suppose to be disabled is clickable also...

I got no idea how can i remove the click handler for the "disabled" td only.

Anyone can help??? Thanks.......

解决方案

I somehow change my controller to do it in a "dirty" way i would say?

// Function to return min amount, if null return "-"

public string GetMinAmount(int id)

{

var food = dbEntities.FOODs.Single(f => f.FoodID == id);

string output = "";

if (food.MinAmount == null)

{

output += "";

}

else

{

output += "

" + food.MinAmount + "

";

}

return output;

}

Just putting my amount in a wrapper and I assign the click event to the td with the amount only...

$('.edit').live('click', function () {

Any suggestion regarding this ??

Appreciate all the feedback... Thanks....