2012-07-27 3 views
1

그래서 내 새 wordpress 웹 사이트의 quicksand plugin을 내 포트폴리오 섹션에서 사용하도록 구성했습니다.jQuery quicksand issue

모든 것을 구성 했으므로 작동 중입니다. 당신은 여기 살고 볼 수 있습니다

http://www.tipoos.com/new/?page_id=43

문제 :

나는 내 사이트에서 실행 더 jQuery를 스크립트가 있습니다. 예를 들어 이미지 위로 마우스를 가져 가면 포트폴리오 항목 축소판을 볼 수 있습니다. 내가 처음 페이지를 실행할 때 마우스 오버 이미지가 작동하지만 정렬 항목을 트리거하여 항목을 필터링 할 때마다 미리보기 이미지의 마우스 오버 이미지 효과가 작동을 멈추고 이는 매우 짜증 스럽습니다 ...

어쩌면 jQuery 충돌 또는 뭔가,하지만 내가 시도한 작동하지 않았다 - 아무데도 대답을 찾을 수 없습니다 ...

여기는 내 설정 파일을 포함하여 사이트의 모든 스크립트가 포함 된 내 JavaScript 파일입니다 : https://dl.dropbox.com/u/4405634/functions.js

누구든지 도움을받을 수 있다면 행복 할 것입니다.

+0

가까운 주제로 투표 마감. 이것은 jQuery 문제이며, WordPress와는 관련이 없습니다. 이벤트 처리기를 [on] (http://api.jquery.com/on/)으로 대체하십시오. 요소가 DOM에서 제거/추가되고있어 이벤트 핸들러가 손실됩니다. –

+0

@ milo- 퀵 샌드를 워드 프레스에 통합하는 방법은 무엇입니까? 관련 stackexchange 웹 사이트에이 질문을 게시하십시오. –

+0

@songdogtech - 나는 대답을 받아들이는 방법을 모르고, 나는 결코 똑바로 좋은 대답을받지 못했다. 나는 FAQ를 보게 될 것이다. - 고마워. –

답변

0

귀하의 질문은 Wordpress 및 jQuery와 관련이 거의 없습니다. 포럼과 Q & jQuery를 독립 실행 형 라이브러리로 처리하는 사이트가 더보기 좋은 곳입니다.

는 또한 파이어 폭스와 Firebug를 사용하거나 JS와 jQuery를 라이브러리 귀하의 사이트에로드하는 것을 볼 수 Chrome 또는 Safari 또는 IE에서 개발자 도구를 사용하여 JS 충돌 오류를 해결하는 방법을 배울 필요가있다.

jQuery를 배우면서 WordPress에서 JS를로드하는 방법에 대해서도 Function Reference/wp enqueue script « WordPress Codex을 볼 필요가 있습니다.

+0

감사합니다. @songdogtech, 저는 실제로 Jquery를 아주 잘 알고 있습니다. 그리고 모든 것이 퀴즈가있는 마우스 오버 이미지를 제외하고는 잘 작동하는 것처럼 보입니다. 그러나 Jquery 충돌 또는 기타가 있는지 다시 확인합니다. 관계없이 - 나는 자바 스크립트 파일에 대한 링크를 게시 할 때 여전히 도움이 필요하다. 누군가가 내 사이트를 체크하고 도움을 청할 수 있기를 바랍니다. –

0

귀하의 질문에 내 의견에서 언급 한대로 귀하의 문제는 요소가 애니메이션으로 복제되므로 해당 이벤트를 잃어 버리게됩니다.

the solution is in their documentation. jQuery의 on을 통해 이벤트를 바인딩하여 해결할 수도 있다고 생각합니다. live 메소드를 향후에있을 수있는 객체에 바인딩하는 방법으로 대체했습니다.

+0

는 어떻게 든 라이브 기능을 사용하여 해결하기 위해 관리 '. 항목> UL> 리' '$ (문서) .ready (함수() { \t $를().{{ 'opacity': '0.2'}, {duration : 500} {live} (마우스 센터, function) { \t \t $ (this) .find ('img.grey' }); \t \t \t}); \t \t $ ('. 항목> UL> 리'). 살 ('하는 MouseLeave', 기능() { \t \t $ (본) .find ('img.grey는'). (사실, true)를 중지합니다. 애니메이션 ({ 'opacity': '1'}, {duration : 500}), \t \t \t \t \t \t \t}); \t \t }); '내 기존 코드에 추가. 나는 그것이 그것을 필요로하는 누군가를 돕기를 바란다. –