html modal 键盘,关于html：在链接内使用Button实现Modal的问题

我正在研究现有的MVC4应用程序，并且需要实现模式形式。

我正在尝试实施此解决方案...

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

这很好用，但是该示例使用了链接，我需要将其作为按钮。

我可以尝试将链接样式设置为一个按钮，但是在同一表单上还有很多其他按钮，它看起来必须完全一样，而我还没有找到一种很好的方式来完全像其他按钮一样对链接进行样式设置在每种浏览器中，由于大多数按钮的默认样式属性都不会被覆盖。

我尝试将链接包装在按钮周围，如下所示...

Continue

这在Chrome浏览器中工作正常，但在IE11中，当我测试该按钮时，该按钮显示出来，但单击该按钮后却无任何操作。同样，完全相同的代码在Chrome中也可以正常工作-按下按钮会弹出模式打开窗口，但在IE中不起作用。另外，当按钮嵌套在链接内时，您还会收到HTML5验证警告。

那么，我该怎么做才能使链接看起来与所有其他按钮完全一样？还是有某种方法可以实现这种模式解决方案而无需使用指向锚的链接？

如何使输入type = button充当超链接并使用get请求重定向的可能重复项？

不，它不是重复的。 我的问题是我要实现的模态解决方案需要锚链接。 我需要一个按钮，该按钮以与普通锚链接相同的方式链接到锚。 我不想重定向到任何地方。

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

我需要我的按钮转到同一页面上的锚点。 关于该问题的大多数答案是提交表单并重定向，使用MVC4不能像Im那样工作，并且已经有一种外部表单可以执行某些操作。 另一个答案建议将一个按钮嵌套在链接内部，但是我已经在我的OP中提到这似乎在IE中不起作用...

在此基础上，有一些有趣的选项。 例如，简单地添加一个带有javascript事件" window.location =＃MathFactsModal"的按钮-这样您会寻找什么吗？

哇，对，这行得通。 我不知道window.location与锚一起工作-我认为它必须是URL。 展示了我对Web开发的看法。 谢谢。