JQuery와 코드는 CSS

Question

을 변경하지 않는 나는이 코드를 다음 코드 :

http://jsfiddle.net/Wcexy/

읽

HTML :

<div id="secrets-slider"></div>

CSS :

#secrets-slider { 
    position: relative; 
    left: 50%; 
    top:50px; 
    height: 200px; 
} 

.ui-state-default, .ui-widget-content .ui-state-default { 
    background: red; 
} 

을

자바 스크립트 :

var flash = 1; 

$(function() { 
    $("#secrets-slider").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     value: 70, 
     animate: 3000, 
     slide: function (event, ui) { 
      $("#amount").val(ui.value); 
      flash=0;   
     }, 
    }); 
    function flashing() { 
     if (flash === 0) { 
      $("#secrets-slider a").stop(true, true); 
     } else { 
      $("#secrets-slider a").animate(
       { 
        backgroundColor: '#ff8c00' 
       }, 1000, 
       function() { 
        $("#secrets-slider a").animate(
         { 
          backgroundColor: '#f00' 
         }, 1000 
        ) 
       }           
      ) 
      setTimeout(flashing,2000); 
     } 
    } 
    flashing(); 
}); 

지금 내가 친구를 만들려고 노력하고 웹 사이트에이 코드를 구현합니다. 사용 가능 : http://blah.eu5.org/

이 코드를 추가하면 작동하지 않습니다. 주목할 만하게도, jquery 슬라이더 핸들은 전혀 펄스를 보내지 않습니다. 나는 그 사건이 alert("Moo");과 함께 발포하고 있다는 것을 확인했다. 그러나 그것은 CSS를 바꾸는 것처럼 보이지 않는다. 왜 이것이 될 수 있을까요?

Answer 1

두통이 많은데 배경에 .animate()을 사용하는 것이 실제로 JQuery UI 플러그인의 일부이며이 코드를 포함하지 않는 UI 플러그인의 최소화 된 버전을 사용하고 있다는 것을 알았습니다. 슬라이더 그리고 그것은 그것이었다).

나에게 교훈이되게하십시오.