我目前有一个功能有点奇怪的按钮。只要您在按钮中间单击右键,它就会起作用并继续执行请求的操作。但是,如果单击按钮外边框附近的任何位置,则不会执行该操作。
以下是当前代码:
@if(mode == "Edit"){
<div class="Delete"><button class="btn btn-danger">
@Html.ActionLink("Delete Profile", "Delete", "GPS", new { Id = Model.provider.Company.Id.Value, oem = Model.provider.Id},
new { onclick = "return confirm('Are you sure you want to delete this provider?
All GPS Devices attributed to this provider will be removed as well.')" })</button></div>
}
答案 0 :(得分:0)
如果检查代码生成的HTML,您将看到以下结构:
<div>
<button>
<a></a>
</button>
</div>
您的活动onclick
仅附加到<a>
标记,因此,如果您点击<button>
内但<a>
之外的任何地方,则操作已赢得&#39被解雇了。
默认情况下,<a>
代码是内嵌的,这意味着(除其他外)其大小由其内容定义,因此它不会填满<button>
,您可以直观地看到检查任何brosers的工具(如Chrome开发者工具)。
您可以使用CSS修改此问题,以更改<a>
代码的尺寸。尝试使用display:block
,width
和height
。
最终答案将取决于您的其他风格规则。