|
分類:[.NET 全般]
Ajax.BeginFormで読み込みした部分ビューでjQueryが実行できません。
ご教示お願いいたします。
【環境】
VisualStudio2017
Framework 4.6.2
C#
【やりたいこと】
Ajax.BeginFormで部分ビューを読み込み
部分ビュー内に配置しているリンクのClickでアラートを表示したい
【最小のコード】※「<」「>」が迷惑投稿と判断されるため全角にしています。
■MyTestコントローラー
public class MyTestController : Controller
{
[HttpGet]
public ActionResult Index()
{
return View();
}
public ActionResult _Partial1()
{
return PartialView();
}
}
■Indexビュー
@{
Layout = "~/Views/Shared/_MainLayout.cshtml";
}
<div>
<p>Index</p>
@using (Ajax.BeginForm("_Partial1", "MyTest", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "partial1", OnSuccess }))
{
<button type="submit">Partial1読み込み</button>
}
<div id="partial1"></div>
</div>
@section scripts_footer
{
<script type="text/javascript">
$(function () {
$("#mylink2").click(function () { alert('mylink2'); return false; }); ★動かない
});
</script>
}
■_Partial1ビュー
<div>
<p>_Partial1</p>
<a id="mylink2" href="#">リンク2</a>
</div>
|