jquery隐藏不起作用
我有以下代码在mvc表中添加行(jquery-1.7.1) 在asp.NETMVC部分视图中,我有以下代码jquery隐藏不起作用,jquery,asp.net,asp.net-mvc,Jquery,Asp.net,Asp.net Mvc,我有以下代码在mvc表中添加行(jquery-1.7.1) 在asp.NETMVC部分视图中,我有以下代码 <tr class="riga"> <td> ... </td> <td> <input class="rimuovi-riga" type="button" value="-" /> @Html.HiddenFor(m => m.Removed) </td>
<tr class="riga">
<td>
...
</td>
<td>
<input class="rimuovi-riga" type="button" value="-" />
@Html.HiddenFor(m => m.Removed)
</td>
</tr>
...
@HiddenFor(m=>m.Removed)
函数ShowHideRows
是从其他函数(例如DeleteRow
)调用的,我知道它可以工作。当我从$(“#按钮aggiungi riga”)调用它时,单击,它就不起作用了。
我在firebug中调试了它,结果和val()
值都是正确的。
它显示了所有的行。(我没有看到Style=display:hidden
)。有可能看到JSFIDLE吗?它是asp.net,我无法复制行创建您可以发布输出的屏幕截图吗?它在放映吗?还是显示不正确?它显示了所有行。编辑了帖子你可以发布截图吗?
$(document).ready(function () {
$("#button-aggiungi-riga").click(function () {
$.post("mypage", $("form").serialize(), function (data) {
$("#model-form").html(data);
});
ShowHideRows();
return false;
});
$(document).on("click", ".rimuovi-riga", function () {
// set true in hidden field to set removed
$(this).next().val("True");
ShowHideRows();
return false;
});
ShowHideRows();
});
function ShowHideRows() {
$(".riga").each(function () { //loop over each row
if ($(this).find("input[id$=__Removed]").val() == "True") {
$(this).hide();
}
else {
$(this).show();
}
});
}
<tr class="riga">
<td>
...
</td>
<td>
<input class="rimuovi-riga" type="button" value="-" />
@Html.HiddenFor(m => m.Removed)
</td>
</tr>