0

JQuery UI.button機能を使用してリンク アイテムのスタイルを設定すると、Chrome および Safari 以外のブラウザで表示すると、リンクの「ボタン」の位置が上にずれます。これは、 http://jqueryui.com/demos/buttonの JQuery デモ ページにアクセスしても、FireFox と IE ですぐにわかります。

これは JQuery バグに記載されている既知の問題であることは承知していますが、現在のところ解決策は示されていません。

「ボタン」がすべてのブラウザーで適切に整列するように、この問題を軽減する実行可能な回避策 (JQuery または CSS のいずれかを使用) を見つけた人はいますか? [送信] ボタンと [キャンセル] リンクが隣同士にあるフォームがたくさんあるので、これは重要な問題だと思います。

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

2 に答える 2

1

a タグのように機能する 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 で試してみると確かに存在していました。これは垂直方向の配置の問題と思われるため、これを解決する 1 つの方法は、アンカーを親要素に配置し、アンカーdisplay:tableに割り当てる display:table-cellことです。これにより、テーブル セルのコンテンツと同様に、アンカーが親の中央に配置されます。Firefox で CSS を変更すると、jquery ui デモ ページの問題が修正されました。

ここに画像の説明を入力

をサポートしていないため、これは IE7 では機能しないことに注意してくださいdisplay:table-cell。ただし、IE8+ および firefox では動作するはずです。

于 2012-04-16T17:25:01.690 に答える