IE7容器疯狂对jQuery UI按钮点击

Question

使用IE7点击页面上的jQuery UI按钮会使容器跳转。

在左侧的“订购#product name＃”slideDown下，单击Quantity Required按钮使容器向上移动几个像素。我可以忍受这个，但想知道为什么会这样。

主要问题在右侧。单击按钮会使页面向左移动，从而显示下一个浮动的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

Answer 1

在Val的帮助下（参见问题评论），我对此进行了分类：

我正在使用的JS是：

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

在每次ui-button点击时，return false禁用IE7跳转。但是，它还会删除ui-button检查相应单选按钮的能力。单选按钮（自然地）具有标签为for的ID，因此我使用'#' + $(this).attr('for')来构建该单选按钮所需的ID。

Answer 2

如果有人仍然有问题，请按照css格式为我工作：

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