내 애니메이션 진행률 표시 줄이 작동하지 않습니까?

내가 HTML 문서 안에 내 코드를 실행하려고 할 때이 작동하지 않습니다, HTML의 일부 reasong 내 코드를 만들려고했지만, 내가 http://jsfiddle.net 에 동일한 코드를하려고했던 내 코드가 http://jsfiddle.net/gPfBC/내 애니메이션 진행률 표시 줄이 작동하지 않습니까?

을하고있다

누군가이 코드를 시험해보고 나에게 완전한 HTML 코드를 제공 할 수 있습니까?

<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

    <script> 
    $(document).ready(function(){ 
    var p=0; 

    $("#myProgressBar").progressbar({value:0}); 
     var timer = setInterval(function(){ 
      //This animates the bar 
      $("#myProgressBar .ui-progressbar-value").animate({width: p+"%"}, 500); 
      //This does static sets of the value 
      //$("#myProgressBar").progressbar("option","value",p); 
      p = p +3; 
      if(p>33.33){ 
       $("#myProgressBar .ui-progressbar-value").animate({width: "33.33%"}, 500); 
       //$("#myProgressBar").progressbar("option","value",100); 
       clearInterval(timer); 
      } 
    },500); 
}); 
    </script> 
    <style type="text/css"> 
    </style> 
</head> 
<body style=" background:url(ebay-bar/images/1.jpg) top left no-repeat; width:1099px; height:1050px;"> 
<a href="2.html" style="width:185px; height:31px;position:absolute; left: 198px; top: 516px;"></a> 
<div style="width:954px; position:absolute; top:606px; left: 67px; height: 45px;"> 
<div id="myProgressBar" style="height:43px;"></div> 
</div> 
</body> 
</html>

출처

2012-01-11 karlelizabeth

당신은 jQuery를 1.3.2 jQuery를 UI 1.7.2로 jsFiddle에서 스크립트를 실행하고, 그러나 당신의 HTML 페이지는 jQuery를 1.5 포함하고있다.

는 스크립트가 아마 jQuery를 1.5에서 사용되지 않거나 jQuery를 1.5 및 jQuery를 UI 1.8 사이에 약간의 문제가되는 기능을 사용

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

와

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

를 교체합니다. jQuery와 jQuery UI의 최신 버전을 사용해보십시오.

출처

2012-01-11 07:47:06 Indrek

고맙습니다. 완전히 옳았습니다! 나는 너를 데리고 갈 말이 없어! 나는 여기에 미치고 있었다 : P – karlelizabeth

내 애니메이션 진행률 표시 줄이 작동하지 않습니까?

답변

관련 문제