HTML.ActionLink按钮问题

时间:2014-06-02 16:39:54

标签: html button model-view-controller

我目前有一个功能有点奇怪的按钮。只要您在按钮中间单击右键,它就会起作用并继续执行请求的操作。但是,如果单击按钮外边框附近的任何位置,则不会执行该操作。

以下是当前代码:

     @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>  
                }

1 个答案:

答案 0 :(得分:0)

如果检查代码生成的HTML,您将看到以下结构:

<div>
<button>
    <a></a>
</button>
</div>

您的活动onclick仅附加到<a>标记,因此,如果您点击<button>内但<a>之外的任何地方,则操作已赢得&#39被解雇了。

默认情况下,<a>代码是内嵌的,这意味着(除其他外)其大小由其内容定义,因此它不会填满<button>,您可以直观地看到检查任何brosers的工具(如Chrome开发者工具)。

您可以使用CSS修改此问题,以更改<a>代码的尺寸。尝试使用display:blockwidthheight

最终答案将取决于您的其他风格规则。