在链接中使用Button实现Modal的问题

时间:2015-04-15 23:19:46

标签: html css asp.net-mvc

我正在处理现有的MVC4应用程序,需要实现一个模态表单。

我正试图实施此解决方案......

http://jsfiddle.net/kumarmuthaliar/GG9Sa/1/

这很好用,但是这个例子使用了一个链接,我需要它作为一个按钮。

我可以尝试将链接设置为按钮的样式,但是在同一个表单上还有一堆其他按钮,它们需要看起来与那些完全相同,而且我还没有找到一个好方法将链接设置为与每个浏览器中的其他按钮完全相同,因为大多数按钮的默认样式属性都不会被覆盖。

我尝试将链接包裹在按钮周围,如下图所示......

<a href="#MathFactsModal"><button type="button">Continue</button></a>

这在Chrome中运行良好,但在IE11中我测试按钮时显示但是当我点击它时没有做任何事情。同样,完全相同的代码在Chrome中工作正常 - 按下按钮会弹出模态打开,但在IE中不起作用。此外,当按钮嵌套在链接中时,您会收到HTML5验证警告。

那么,我该怎么做才能使我的链接看起来与我所有的其他按钮完全一样?或者,我是否可以通过某种方式实现此模态解决方案,而无需使用指向锚点的链接?

1 个答案:

答案 0 :(得分:1)

不确定为什么您当前的示例不起作用,但此堆栈溢出问题/答案Here中有很多示例。