0

使用 JQuery UI.button功能设置链接项目的样式时，在 Chrome 和 Safari 以外的任何浏览器中查看时，链接“按钮”的位置会向上移动。这在 FireFox 和 IE 中很明显，即使在访问http://jqueryui.com/demos/button的 JQuery 演示页面时也是如此。

我知道这是 JQuery 错误中列出的一个已知问题，但它目前没有显示解决方案。

有没有人找到可行的解决方法（通过 JQuery 或 CSS）来缓解此问题，以便“按钮”在所有浏览器中正确排列？我觉得这是一个重要的问题，因为我有许多表单，它们的提交按钮和取消链接彼此相邻。

  <input type="submit" value="Submit" class="button"/>
  <a class="button" href="/Home">Cancel</a>
4

2 回答 2

1

只需创建一个带有 onclick 事件的按钮，该事件就像一个标签：

<script type="text/javascript">
    function openWindow( location )
    {
        window.open( location );
    }
</script>

<button onclick="openWindow('\home')">Home</button>
于 2012-04-16T17:23:46.257 回答
1

嗯，我不知道这个错误，但是当我在 Firefox 中尝试它时它确实存在。由于这似乎是一个垂直对齐问题，解决它的一种方法是将锚放在父元素中display:table并分配 display:table-cell给锚。这应该像表格单元格的内容一样将锚点置于父级中。我在firefox中修改了css，这解决了jquery ui演示页面上的问题：

在此处输入图像描述

请注意，这在 IE7 中不起作用，因为它不支持display:table-cell. 但应该可以在 IE8+ 和 firefox 中使用。

于 2012-04-16T17:25:01.690 回答