2013-05-10 2 views
4

나는 진짜 헤어 풀러를 가지고 있습니다. jquery, jquery-ui 및 flexslider를 사용하는 웹 페이지가 있습니다. 모든 것이 잘 작동합니다. 이제 Adobe Edge Animator로 만든 애니메이션을 포함하고 싶습니다. 애니메이션은 그 자체로 잘 작동하지만 어떤 이유로 페이지에 포함 할 때 JQuery와 - UI와 flexslider을 깰 것 같다 - 나는 scriüpts로드 되더라도 스크립트로드 충돌이 발생 했습니까? Adobe Edge Animation을 포함 할 때 객체에 메서드 오류가 없음

Uncaught TypeError: Object [object Object] has no method 'dialog'

Uncaught TypeError: Object [object Object] has no method 'flexslider'

을 얻고 난을 때 모든 작품

<script type="text/javascript" charset="utf-8" src="ani_1_edgePreload.js"></script> 

다시.

jquery noconflict를 사용해 보았지만 스크립트 시퀀스를 재정렬했지만 아무런 효과가 없습니다.

정말 이상한 점은 jquery-ui 대화 상자를 열 때 팝업이 열리는 특정 매개 변수가있는 페이지를 호출하면 실제로 대화 상자가 열리지 만 애니메이션이로드되면 다시 오류가 발생한다는 것입니다.

여기을 testcases을 설정 한 :이 대화 상자와 flexslider가 작동하지 않습니다 애니메이션 페이지가

http://s149471880.online.de/

입니다 :

는이 대화 상자와 flexslider 작업을합니다 페이지입니다 :

http://s149471880.online.de/?ani=1

어떤 도움을 크게 감상 할 수있다!

+0

대부분 'ani_1_edgePreload.js'에는'jQuery'가 포함되거나'$'을 덮어 씁니다. –

+0

이거나 jQuery가 필요하며 너무 빨리 포함 시켰습니다. –

+1

지금은 두 가지 버전의 jQuery (1.7.1 및 1.8.3)를 포함하고 있습니다. '$ (window) .load()'안에 여러개의'$ (document) .ready()'함수와 여러개의 함수도있다. 'jQuery (document) .ready (function ($) {/ * your code * /}); '를 사용하여 충돌 문제를 배제 할 것입니다. – Joe

답변

1

로드 I 프레임

<iframe src="/animation/Animation.html" width="980" marginwidth="0" height="350" marginheight="0" scrolling="no" frameborder="0"> </iframe> 

에서 애니메이션 한 후 충돌하지 않는다.