使用链接中的按钮实现Modal时出现问题



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

我正在尝试实现此解决方案。。。

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

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

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

我试着将链接包装在一个按钮上,如下所示。。。

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

这在Chrome中运行良好,但在IE11中,当我测试按钮时,它会显示出来,但当我点击它时什么都不做。同样,在Chrome中,完全相同的代码也运行良好-按下按钮确实会弹出模式打开,但在IE中不起作用。此外,当按钮嵌套在链接中时,你会收到HTML5验证警告。

那么,我该怎么做才能让我的链接看起来和其他按钮完全一样呢?或者,有没有什么方法可以在不使用指向锚点的链接的情况下实现这种模式解决方案?

不确定当前示例不起作用的原因,但在这个堆栈溢出问题/答案中有很多示例。

最新更新