jQuery .animate 어떻게 든 반응하지 않음 (WP 사이트 용)

Question

이것은 약간 당황스럽고 실망 스럽습니다. 내가하려는 것은 사이트의 div의 너비와 위치를 움직이는 것입니다. 나는 시험을 한하고 그것을 잘가 작동합니다

http://romanaltenburg.com/temp/test.php

Hoever은 실제 웹 사이트의 .animate은 전혀 아무것도하지 않는다. 여기 내 코드가

$(document).ready(function() { 

     pWidth = $("#all_staff").width(); 
     pLeft = $("#all_staff").position(); 
     pLeft = pLeft.left; 
     pCount = $("#[id^=member_]").size(); 
     pPercent = 100/pCount; 
     zIndex = 0; 
     colors = ["#CCCCCC","#333333","#990099","#9624CF","#CCCCCC"]; 

     //$("#[id^=member_]").addClass("staff_member"); 
     $("#[id^=member_]").css("width", pWidth/pCount); 
     $("#[id^=member_]").css("z-index", zIndex); 

     for (i=1;i<=pCount;i++){ 
      $("#member_"+i).css("left", (pWidth/pCount)*(i-1)+pLeft+"px"); 
      $("#member_"+i).css("backgroundColor", colors[i]); 
     } 

     $("#[id^=member_]") 
      .hover(function() { 
       $(this).animate({ left: 20 }, 'fast'); 
      }, function() { 
       $(this).animate({ left: 0 }, 'fast'); 
     }); 

}); 

정말 실망스러운 부분은 다른 모든 기능이 해당 div에 적합하다는 것입니다. 그래서 여기에 이것을 쓰면

divs가 내가 말하는 곳으로 점프합니다. 왜? 왜? 어디야? :) 그것을하지 말아주세요 제발 도와주세요. 대단히 감사합니다!

Answer 1

이 실제 웹 사이트에 대한 링크없이 문제를 해결하기 어렵다, 그러나 나는 위해 이런 짓을 했을까 : (크롬에서, 또는 방화범 FF에서) 콘솔에

• 의 전원을 켜고, 그것을 파괴 된 것만 볼 그것은 "문자열"당신이있어이 이후 라이브 사이트
• 당신은 또한

을 제기하여 JS 전에 올바른 순서 등, jQuery를 로딩하고 있는지 확인합니다, 당신은 다르게 당신의 선택을 기호 인 시도 할 수도 있습니다 jQuery로 전달 :

$('#[id^="value"]') 

희망이 있습니다.

Answer 2

이 시점에서 member_ 요소를 DOM에서 사용할 수 없기 때문일 수 있습니다. 내가 사용하려고 할 것입니다 그들은 나중에

Answer 3

아래 애니메이션]을 갖는 DOM에 나타나는 경우 요소를 결합합니다

후 JQuery와 대신 호버 JQuery와에 대한

live의 follwing을 전과 1.7 및 on 머리가 잘되어야합니다. 다음과 같이 글을 써 보았습니까?

$("#[id^=member_]") 
    .hover(function() { 
     $(this).animate({ left: '+=20px' }, 'fast'); 
    }, function() { 
     $(this).animate({ left: '-=20px' }, 'fast'); 
}); 

Answer 4

나는 무엇을했는지 모르지만 갑자기 지금은 작동하는 것 같습니다. 베어 알렉산더 (Bear Alexander)가 그랬듯이 나는 지금 따옴표 안에 값을 가질 수 있습니다. 그래서, 고마워요 !!!