javascript - jQuery 不隐藏 div (mvc 4)

Question

我有 2 个 div:

 <div class="lobsummary">
    <input type="submit" name ="sbmtbtn">
    <input type="submit" name ="sbmtbtn">
 </div>
 <div class="applicationsummary">
 </div>

我要显示applicationsummary什么时候sbmtbtn已提交，所以我使用了以下脚本:

  $('.lobsummary input:submit').submit(function (event) {
        $('.applicationsummary').show();
        $('.lobsummary').hide();
    });

但是它不起作用。

编辑:div 包含在 <% Html.BeginForm("Index", "Home"); %> 中我正在使用它从 View 中将值传递给我的 Controller 。

Answer 1

使用 event.preventDefault() 它停止默认操作

$('.lobsummary input[type=submit]').click(function (event) {
        event.preventDefault();
         alert($(this).index() + 1);
        $('.applicationsummary').show();
        $('.lobsummary').hide();
    });