Test case: PrototypeJS cause jQuery ui's slider widget failing in IE8


/ Published in: HTML
Save to your folder(s)

Source code for http://stackoverflow.com/questions/3740245


Copy this code and paste it in your HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <!-- eliminating the following line resolves the bug -->
  5. <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript"></script>
  6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  7. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>
  8. <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" type="text/css" />
  9. <script type="text/javascript">
  10. var $j = jQuery.noConflict();
  11. $j(function () {
  12. var setupVolumeSlider = function () {
  13. $j("#volume-slider").slider({
  14. orientation: "vertical",
  15. min: 0,
  16. max: 100
  17. });
  18. };
  19. setupVolumeSlider();
  20. });
  21. </script>
  22. <style type="text/css">
  23. body { padding: 100px; }
  24. div#volume-slider { height: 100px;}
  25. </style>
  26. </head>
  27. <body>
  28. <div id="volume-slider"></div>
  29. </body>
  30. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.