iframe 내부에서 참조되는 스크립트에서 Jquery $ (window) .load가 예상대로 작동하지 않습니다.

iframe이있는 페이지가 있습니다. 이 iframe에 애니메이션을로드하려고합니다. 각 콘텐츠는 자바 스크립트/jquery 스크립트에 대한 참조가 포함 된 html 페이지로, 대부분의 애니메이션을 처리합니다. 예를 들면 :

content.html

<head> 
<link rel="stylesheet" type="text/css" href="css/slide.css"> 
<script src="js/library/big_slide_img.js"></script> 
</head> 
<body> 
    <img class="big_slide_img" src="http://25.media.tumblr.com/0ab6f805c5a3591168e2fe2133552054/tumblr_mk52iuvbNI1s631nvo1_1280.jpg"> 
</body>

big_slide_img.js가로드되는 방법

$(window).load(function() 
{ 
    $("#iframe").contents().find('.big_slide_img').animate({left: '-=521'}, 800,function(){}); 
});

loadSlide = function(slide_no) 
    { 
     $.ajax(
     { 
      url: "http://myurl.com", 
      async: false, 
      jsonpCallback: 'jsonCallback', 
      contentType: "application/json", 
      type: "GET", 
      dataType: "jsonp", 
      data: {"action": "loadall"}, 
      success: function(data) 
      { 
       $('#frame_title').html(data.title); 
       $('#text').html(data.text); 
       $('#iframe').contents().find('html').html(data.animation); 
      }, 
      error: function (event, jqXHR, ajaxSettings, thrownError) 
      { 
       alert('[event:' + event + '], [jqXHR:' + jqXHR + '], [ajaxSettings:' + ajaxSettings + '], [thrownError:' + thrownError + '])'); 
      } 
     }); 
    };

내 문제

애니메이션이 일치하지 않아 $ (window) .load가 예상대로 대기하지 않는 것으로 판단됩니다. 지연으로 모든 문제가 해결됩니다.

$(window).load(function() 
{ 
    $("#iframe").contents().find('.big_slide_img').delay(800).animate({left: '521'}, 800,function(){}); 
});

지연없이 어떻게 처리합니까? 이 파일에 어떤 코드가 있는지 모르기 때문에 외부에서 iframe을 모니터링하지 않고 특정 기능을 호출하지 않아도됩니다. 나는 바른 것을 참조하고 있지 않길 바랄 뿐이다.

감사합니다.

출처

2013-05-02 matfr

의 중복 가능성 (http://stackoverflow.com/questions/5788499/jquery-iframe-load-event) –

jQuery를 인스턴스화 한 페이지가 이미로드되어 있기 때문에 jQuery가 "로드"트리거를 호출하지 않습니다.

당신은 iframe을 내부 jQuery를로드하고 "big_slide_img.js"에이 코드를 넣을 수 있습니다 : iframe을로드 할 때 $(function(){ $("#iframe").contents().find('.big_slide_img').delay(800).animate({left: '521'}, 800,function(){}); });

을 아니면 iframe을 외부의 트리거를 만들 수 있습니다, 전자는 전화.

다른 많은 방법이 있습니다.

출처

2013-05-02 16:05:34 VitorVRS

흠 .... 전화를받지 않는 것. 페이지가 이미로드되었으므로 즉시 호출됩니다. – matfr

위의 VictorVRS의 의견과 내 응답에 따르면 iframe의로드 기능을 실행해야했습니다 (외부 페이지 만 있다고 생각합니다). 내 아약스 호출은 이제 실제 데이터가 아닌 url을 반환하고 iframe의 src에 설정되어 페이지를로드합니다. 이것은되었다 :

$('#iframe').contents().find('html').html(data.animation);

이 [? jQuery를은 iframe 부하() 이벤트]

$('iframe').attr('src',data.animation_url);

출처

2013-05-04 06:45:35 matfr

iframe 내부에서 참조되는 스크립트에서 Jquery $ (window) .load가 예상대로 작동하지 않습니다.

답변

관련 문제