私はasp.net MVCで作業しています。ユーザーがボタンをクリックしたときにカスタム メッセージを表示しようとしています。
ビューは次のとおりです。
@foreach (var item in Model.ticketList)
{
var number = item.TicketId.ToString();
<tr>
<td>
@Html.ActionLink(number, "Details", new {id=item.TicketId })
</td>
<td>Title :
@Html.DisplayFor(model => item.Title)
</td>
<td> Date Submitted :
@Html.DisplayFor(model => item.DateCreated)
</td>
<td id="status"> Ticket Status :
@if (item.Status == "open")
{
<span id="open">Open</span>
@Html.ActionLink("Close","Close",new {id=item.TicketId})
}
@if (item.Status == "closed")
{
<span id="closed">Closed</span>
@Html.ActionLink("Open","Open",new {id=item.TicketId})
}
</td>
</tr>
<tr id="ticket-backcolor">
<td colspan="4">Description :
@Html.DisplayFor(model => item.Description)
</td>
</tr>
}
アクション リンクは、フィールドの値を変更するためのアクション コントローラです。それはうまくいきます。私がやりたいことは、ユーザーがチケットを閉じる/開くかどうかを確認する確認ウィンドウを表示することです。
これは私がこれまでやろうとしてきたことです:
<script type="text/javascript">
function alert() {
confirm("are you sure you want to close this ticket ?");
}
$(function () {
$("span[id='open']").click(alert)
});
</script>
オープンオプションについても同じです。これは動作しません。誰かが私を助けることができますか？
編集 ：
<script type="text/javascript">
$(document).ready(function () {
$("td[id='status']").click(function () {
return confirm('Are you sure you want to open the ticket ? ');
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
document.getElementById("closed").click(function () {
return confirm('Are you sure you want to open the ticket ? ');
});
});
</script>
2 番目のスクリプトも機能しません。このスクリプトはタグに対して機能します。2 スパン タグでは機能しません。