jQuery colorbox가 이상하게 실패합니다.

window.onload 이벤트에서 colorbox 플러그인으로 iframe을 열어야합니다. 나는 거의 성공을 거두고 있지만 이상한 일이 일어나기 시작했다. 보자 - 내가 위의 예제는 제대로 작동을 보여jQuery colorbox가 이상하게 실패합니다.

 <script src="../jquery.colorbox.js"></script> 
     <script> 
      $(document).ready(function(){ 
       //Examples of how to assign the Colorbox event to elements 
       $(".iframe").colorbox({iframe:true, width:"80%", height:"80%", closeButton:false, escKey: false, overlayClose: false, opacity:0.30}); 
      }); 
      window.onload=function(){ 
       $(".iframe").colorbox({href:"http://www.website.com/", open: true}); 
      } 
     </script> 
    </head> 
    <body> 
     <p><a class='iframe' href="http://wikipedia.com"></a></p> 
    </body> 
</html>

참고 몸에 내가 가지고 :이 줄을 제거하면

< p>< a class='iframe' href="http://wikipedia.com">< /a>< /p>

가 iframe을 더 이상 열리지 않습니다. 나는 jquery에 초보자 다. 그래서 나를 위해 이것은 의미가 없다. 그리고 나는 '감각이없는'것들로 일하고 싶지 않습니다. 너희들이 올바른 방식으로 작동하게하는 방법을 더 잘 설명해 주시겠습니까?

출처

2013-10-24 user1526124

의 jQuery 선택기에 대해 검색하십시오 ... 당신은 colorbox이 Uhmm ... 그것은 작동하지 않습니다 – JoDev

DOM에서 코드를 제거 할 때 작동하지 않는 이유는 colorbox에 ".iframe"클래스가있는 요소의 DOM을 검색 한 다음 그 요소에 자신을 할당하도록 지시하기 때문입니다.

이 시도 :

$(document).ready(function(){ 
    $.colorbox({href:"http://wikipedia.com", iframe:true}); 
}

출처

2013-10-24 12:34:46 subZero

iframe' 클래스 요소'에 부착하고, 크롬 콘솔되는 것을 이해할 수있을 것이다 _Uncaught 오류 : 구문 오류, 인식 할 수없는 표현 : http://wikipedia.com _ at jquery.min.js _EDIT : _ 내가 한 것 :'$ .colorbox ({href : "http://wikipedia.com", iframe : true, width : "80 %", height : "80 %", closeButton : false, escKey : false, overlayClose : false, 불투명도 : 0.30}); – user1526124

예, 그렇게하는 것이 좋습니다. 응답을 upvote로 표시하고 승인 된 것으로 표시하십시오. – subZero

예 ... 물론입니다. 고맙습니다. – user1526124

jQuery colorbox가 이상하게 실패합니다.

답변

관련 문제