JQuery와 도구 오버레이 내가 나 외부 페이지로드 할 수 jQuery를 도구 오버레이 사용하고 IE7

Question

를 작동하지 - 나는 IE7에서 문제로 실행했습니다 http://flowplayer.org/tools/demos/overlay/external.html

을

(IE8/크롬 등에 잘 작동)

오버레이를 호출 할 때 페이지에 머물지 않고 외부 파일을 포함하는 오버레이가있는 대신 실제 외부 파일로 전송됩니다.

다음은 jQuery의 :

<script> 

$(function() { 

    // if the function argument is given to overlay, 
    // it is assumed to be the onBeforeLoad event listener 
    $("a[rel]").overlay({ 

     mask: { 
     color: '#000', 
     loadSpeed: 200, 
     opacity: 0.8, 

    }, 


     onBeforeLoad: function() { 

      // grab wrapper element inside content 
      var wrap = this.getOverlay().find(".contentWrap"); 

      // load the page specified in the trigger 
      wrap.load(this.getTrigger().attr("href")); 

     } 

}); 
}); 

$('.close').live('click', function() { 

     $("#overlay").fadeOut('slow', function() { 

      }); 

     $("#exposeMask").fadeOut('slow', function() { 

      }); 

    }); 
</script> 

그리고 여기에 HTML : 당신은 이미 jQuery로 내 지식을 짐작하지 않았다면

<!-- overlayed element --> 
<div id="overlay" class="apple_overlay"> 

<!-- the external content is loaded inside this tag --> 
<div class="contentWrap"></div> 

</div> 

<a href="Overlay_Login.php" rel="#overlay" class='button button_small_grey'>Login</a> 

이 크지 않다. 그래서 누군가가 문제에 대해 밝힐 수 있다면 그것은 대단히 감사 할 것입니다.

Answer 1

IMHO, 그리고 경험에서 말하면, jQuery에 대한 훌륭한 지식이 없으면 jQuery Tools에서 멀리 떨어져있을 것입니다. 엄청난 양의 마크 업과 이상한 방법론으로 인해 다른 jQuery 플러그인과 닮은 것은 아닙니다. jQuery를 올바르게 사용하는 방법에 대해 자세히 알고 싶다면보다 안정적이고 일반적으로 허용되는 표준 방법을 사용하는 플러그인을 사용하십시오.

jQuery Tools는 jQuery 1.4.2부터 1 년 넘게 업데이트되지 않았으며 Flowplayer 포럼에보고 된 IE9 & jQuery 1.6에 많은 문제가 있습니다. 개발자 인 테로 (Tero)는 지난 한 해 동안 그것에 대해 꽤 혼란스러워했습니다. 그는 지역 사회와 상호 작용하는 시간을 거의 제 시간에 보냈으며, 자신의 말로 다른 프로젝트 및 가족과의 혼란에 대해 최근 이야기했습니다. 그는 또한이 프로젝트를 공동체 프로젝트로 만들거나 자급 자족하기에 충분한 다른 사람들을 참여시키는 것 같지 않습니다.

2011 년 6 월 이후로 새 릴리스가 출시 될 예정이지만 이전 버전과 호환되지 않으므로 모든 내용을 다시 작성해야합니다. 그리고 새로운 jQuery와 브라우저가 출시되는 동안 Tero가 또 하나의 긴 틈을 열기로 결정한 해에 다시이 코드를 다시 작성하지 않을 것이라고 누가 말할까요?

jQuery Tools Alternatives?

은 지금까지 특정 문제로, 나는 참조하십시오 "trailing comma of death" 후 아래 opacity: 0.8 라인 : 아무것도 그 이후에 온다 때 인터넷 익스플로러의

$("a[rel]").overlay({  
     mask: { 
      color: '#000', 
      loadSpeed: 200, 
      opacity: 0.8,  
     }, 
.... 

특정 버전의 쉼표에 질식 것입니다.

을 제거하고이 도움이 있는지 : 당신은 언급하지 않은

$("a[rel]").overlay({  
     mask: { 
      color: '#000', 
      loadSpeed: 200, 
      opacity: 0.8  
     }, 
....