按钮 onclick 后正在刷新 MVC 视图

Question

我有一个视图，它是控制器。该视图具有以下按钮（对于不同的变体重复多次）：

        <button type="button" id="@variant.id" onclick="return Select()" style="padding:10px 15px;width:100%;height:100%;margin-top:-10px;">
                        <div class="col-md-4">
                            <img width="100" height="100" style="padding:5px" src="/test/@variant.logo" title="@variant.name" />

                        </div>
                        <div class="col-md-8">
                            <h4>@variant.name</h4>
                        </div>
        </button>

这是它访问的函数：

   <script type="text/javascript">
      function Select()
      {        
        alert("test");
        return false;           
      }
   </script>

由于某种原因，函数调用后，视图总是被刷新。你知道我的代码可能有什么问题吗？

Answer 1

您也许应该使用阻止默认值来停止事件，另请参阅 event.stopPropagation()。

这里我是在阻止这个事件，如果你的条件为假，也许你应该使用它。

function select(e){
  e.preventDefault();
  alert('test');
  return false;
}

<button type="button" id="@variant.id" onclick="select(event)" style="padding:10px 15px;width:100%;height:100%;margin-top:-10px;">
                <div class="col-md-4">
                    <img width="100" height="100" style="padding:5px" src="/test/@variant.logo" title="@variant.name" />

                </div>
                <div class="col-md-8">
                    <h4>@variant.name</h4>
                </div>
</button>

按钮 onclick 后正在刷新 MVC 视图

MVC View is being refreshed after button onclick

javascript

model-view-controller

jquery

button

page-refresh