Search jQuery

jQuery Forum

Using jQuery UI

ricky.lau

Progress bar doesn't work with prototype.js in IE

in Using jQuery UI • 12 years ago

I'm creating web pages with jQuery UI and prototype.js(1.6.1), with a source code like this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My web page title</title>
<link type="text/css" href="css/redmond/jquery-ui-1.8rc3.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8rc3.custom.min.js"></script>
<script type="text/javascript">
// jQuery - simply show a progress bar
$ (function () {
jQuery ("#prog").progressbar ({ value: 60 });
});
jQuery.noConflict ();
</script>
<script type="text/javascript" src="js/prototype.js"></script>
</head>
<body>
<div id="prog" style="height: 16px;"></div>
</body>
</html>

When I view that page in Firefox (3.5) it works well, with a progress bar which filled 60%, but when I switch to IE (8) the progress bar is filled 100%, after removing prototype.js, the problem solves however I need prototype.js for some functionality and I can not (and don't plan to) change everything from prototype.js to jQuery. Is there any idea on this problem? Seems nobody raised something like that.

Response title

Attachments

jQuery Forum

Progress bar doesn't work with prototype.js in IE

Statistics

Tags

Actions