2011-02-25 4 views
0

IE7を使用してページ上のjQuery UIボタンをクリックすると、コンテナがジャンプします。jQuery UIボタンでIE7コンテナの狂気が表示される

左側にある[商品名# 'の商品名を注文する]の下にある[数量必須]ボタンをクリックすると、容器が数ピクセル上に移動します。私はこれで生きることができますが、なぜそれが起こっているのか知りたいです。

主な問題は右側にあります。ボタンをクリックするとページが左に移動し、次の浮動小数点divが表示されます。

なぜこれをやっているのですか、どうすれば停止できますか?

ページはhttp://www.thewebdes.co.uk/dev/cw/index.phpです。

- 編集 -

は、ここで私は今度はjQueryのUIのボタンのそれぞれをクリックしたときに私が見たものです。http://www.thewebdes.co.uk/dev/cw/cw-ss.gif

はまた、最大の量にまっすぐクリックすると、すべての方法を越えた容器をとります以前のスクリーンショットで行ったように。 (コメントを質問参照)ヴァルの助けを借りてhttp://www.thewebdes.co.uk/dev/cw/cw-ss2.gif

+0

それは私はあなたが – Val

+0

@valを取得しているものを知らない私には正常に見えます助けてください。ありがとう –

+0

ああ、私はクリックイベントに何かを付けましたか? – Val

答えて

0

、私はこれがソート持っている:それはすべての手がかりを与えた場合に戻ってそれをもたらすものではありません、バックより少ない量にクリック

JS私は」メートル使用しては次のとおりです。各ui-buttonクリックで

$('.ui-button').click(function(){ 
    $('#' + $(this).attr('for')).attr('checked','checked'); 
    return false; 
}); 

return falseはIE7ジャンプを無効にします。ただし、適切なラジオボタンを確認する機能も削除されます。ラジオボタンは(自然に)ラベルがforであるIDを持っていますので、私は'#' + $(this).attr('for')でこれを取得し、そのラジオボタンに必要なIDを作成します。

+0

uはまだ問題があります:)左のボックスに「ジャンプ」します。 – Val

+0

あなたは小さな画面の人がボックスのほとんどを見ることができないことを意味するボディタグのスクロールを無効にしているとは言えません。次のステップボタン – Val

+0

私は変更をアップロードしませんでした!今すぐ。スクロールを無効にしますか?私は私の上にそれを持っている(私は新しいCSSのリセットを使用していますが、私はそこにそれを逃した可能性があります)。 '#main'コンテナのサイズが小さすぎるとサイズが変更されます(my.jsの31-32行目と43-44行目を参照) –

0

誰かが、まだ問題は、以下のCSS整形が私のために働いている場合:私の質問に追加したスクリーンショットを、その場合には:

* + html .ui-helper-hidden-accessible { 
    position: fixed; /* Fix the jumpy behavior in IE 7*/ 
}