PrototypeJS导致jQueryUI';s滑块小部件在IE8中失败。有解决办法吗?

PrototypeJS导致jQueryUI';s滑块小部件在IE8中失败。有解决办法吗?,jquery,jquery-ui,internet-explorer-8,prototypejs,conflict,Jquery,Jquery Ui,Internet Explorer 8,Prototypejs,Conflict,我正在使用,如果页面上也包含,我发现IE8中存在以下错误行为(其他浏览器也可以): 将鼠标悬停在控制柄上时,按住鼠标按钮可使控制柄立即跳到滑块底部。尝试拖动不会移动控制柄 但是,如果单击滑块上除控制柄当前位置以外的点,控制柄将跳到该点,然后我可以自由拖动控制柄(应该如此) 从页面中删除原型可以解决此行为 下面的代码——原则上,我使用的原型和jQuery应该配合得很好……但显然这里出了问题 关于如何解决这个问题有什么想法吗?非常感谢 <!DOCTYPE html PUBLIC "-//W

我正在使用,如果页面上也包含,我发现IE8中存在以下错误行为(其他浏览器也可以):

  • 将鼠标悬停在控制柄上时,按住鼠标按钮可使控制柄立即跳到滑块底部。尝试拖动不会移动控制柄

  • 但是,如果单击滑块上除控制柄当前位置以外的点,控制柄将跳到该点,然后我可以自由拖动控制柄(应该如此)

从页面中删除原型可以解决此行为

下面的代码——原则上,我使用的原型和jQuery应该配合得很好……但显然这里出了问题

关于如何解决这个问题有什么想法吗?非常感谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <!-- eliminating the following line resolves the bug -->
  <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" type="text/css" />
  <script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(function () {
      var setupVolumeSlider = function () {
        $j("#volume-slider").slider({
          orientation: "vertical",
          min: 0,
          max: 100
        });
      };
      setupVolumeSlider();
    });
  </script>
  <style type="text/css">
    body { padding: 100px; }
    div#volume-slider { height: 100px;}
  </style>
  </head>
  <body>
    <div id="volume-slider"></div>
  </body>
</html>

var$j=jQuery.noConflict();
$j(功能(){
var setupVolumeSlider=函数(){
$j(“音量滑块”)。滑块({
方向:“垂直”,
分:0,,
最高:100
});
};
setupVolumeSlider();
});
正文{padding:100px;}
div#音量滑块{高度:100px;}

为Scott Gonzales和jQuery团队干杯!讨论并确定