2012-05-15 3 views
0

jQuery 도구 오버레이를 작동 시키려고합니다. 문제는 어떤 종류의 ASCII 만로드한다는 것입니다.jquery 도구 오버레이 - 이상한로드 버그

jQuery Tools v1.2.5를 사용하며 Resin 웹 서버에서 실행됩니다. 무엇이 잘못 될 수 있습니까?

웹 서버는 image/jpeg으로 응답합니다. XMLHttpRequest에 문제가있을 수 있습니까?

$('.overlay-trigger').each(function(i) { 

     $(this).overlay({ 
      top: '10%', 
      left: 'center', 
      oneInstance: true, 
      closeOnClick: true, 
      onBeforeLoad: function() { 
       var wrapper = this.getOverlay().find(".content-wrapper"); 
       console.log(wrapper); 
       var contentRef = this.getTrigger().attr("href"); 
       var $content = $(contentRef + " > *"); 

       if ($content.length > 0) { 
        // Load from DOM tree 
        wrapper.html($content.clone()) 
       } 
       else { 
        // Load data from HTTP request/response 
        console.log("LOADING IMAGE"); 
        wrapper.load(contentRef); 
       } 
      }, 
      onLoad: function() { 
       console.log("onLoad"); 
       var targetOverlay = this.getTrigger().attr("rel"); 

       // If local controllers exist, append them to the target overlay controller. 
       if ($("#local-overlay-controllers > *")) { 
        $("#local-overlay-controllers > *").appendTo(targetOverlay + " > .overlay-controllers"); 
       } 

       $(targetOverlay + " .overlay-confirm").click(function() { 
        $(".overlay-trigger:eq(" + i + ")").overlay().close(); 
       }); 

       $(targetOverlay + " .close-overlay").click(function() { 
        // If we have multiple overlay triggers on the same page sharing the 
        // same #overlay, we must make sure we close the one with the correct reference. 
        $(".overlay-trigger:eq(" + i + ")").overlay().close(); 
       }); 
      }, 
      onClose: function() { 

       console.log("onClose"); 
       // Make sure we remove all content from the overlay controllers in case we reuse it. 
       //var targetOverlay = this.getTrigger().attr("rel"); 
       //$(targetOverlay + " > .content-wrapper, #overlay > .overlay-controllers").empty(); 
      } 
     }); 
    }) 

답변

0

답변을 찾았습니다. 이미지 데이터가 div에 직접 기록되었으므로 img 태그가 없습니다. Img 태그가 있으면 제대로 작동했습니다.

관련 문제