jQuery의 팝업 창을 사용하여 colorbox 창을 닫는 방법

jQuery colorbox를 사용하여 부모 창에서 팝업 창을 열었습니다.jQuery의 팝업 창을 사용하여 colorbox 창을 닫는 방법

이제 내가하려는 것은 팝업 창이 열려 있고 해당 팝업 창에 링크가 있다고 가정합니다. 링크를 클릭하면 새 외부 창과 원래의 링크가 열립니다. 팝업 창이 닫힙니다. 다음은

아래

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset='utf-8'/> 
     <title>Colorbox Examples</title> 
     <style> 
      body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} 
      a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} 
      h2{font-size:13px; margin:15px 0 0 0;} 
     </style> 
     <link rel="stylesheet" href="C:\Users\rj\Downloads\colorbox-master\example4\colorbox.css" /> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
     <script src="C:\Users\rj\Downloads\colorbox-master\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%"}); 

      }); 
     </script> 
    </head> 
    <body> 
     <h2>Other Content Types</h2> 
     <p><a class='iframe' href="popup_window_url">Outside Webpage (Iframe)</a></p> 

     </body> 
</html>

그리고 창 - 팝업을 엽니 다 내 부모 윈도우 코드 내가 원본을 닫아 새 외부 창에 열 필요가 하나 개의 링크를해야합니다 내 팝업 창 코드는

<html> 
<head> 
    <title>Apply</title> 
</head> 
<body> 

<script> 
function getUrlParameters() { 
    var vars = {}; 
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, 
     function(m,key,value) { 
      vars[key] = value; 
     }); 
    return vars; 
} 
var id = getUrlParameters()["ID"];  
var title = getUrlParameters()["Title"];  
id = unescape(id); 
title = unescape(title); 

var myJScript = document.createElement('script'); 

myJScript.setAttribute('type', 'Apply'); 
myJScript.setAttribute('data-companyId', '40'); 
myJScript.setAttribute('data-jobTitle', id); 
myJScript.setAttribute('data-email', '[email protected]'); 

document.body.appendChild(myJScript); 
</script> 
<hr> 

<input name="Apply Online" type="button" id="Apply Online" value="Apply Online" ONCLICK="window.location.href='some_url'"> 

</body> 
</html>

창 - 팝업 지금 어떻게 온라인 링크 버튼을 적용하고 온라인 링크가 새 외부 창에서 열립니다 취득해야 적용을 클릭 한 후,이 경우 팝업 창을 닫습니다? 문제가 충분히 명확해야하기를 바랍니다.

출처

2013-07-29 AKIWEB

colorbox div의 링크를 클릭하면 colorbox.close()을 사용하십시오.

$("apply_online").click(function() { 
    colorbox.close(); 
    window.open('some_url'); 
});

BTW id 공백을 가질 수 없습니다 ... 그래서 이것은 잘못된 것입니다 :

<input name="Apply Online" type="button" id="apply_online" value="Apply Online" ONCLICK="window.location.href='some_url'">

출처

2013-07-29 18:59:05 projeqht

그래서 apply_online 여기에 ID가 내가 대체해야합니다

<input name="Apply Online" type="button" id="Apply Online" value="Apply Online" ONCLICK="window.location.href='some_url'">

요구는 수 온라인으로 신청하면 ..? Apply Online 링크를 클릭하자마자 새로운 외부 창을 열 것입니까? 그리고 colorbox가 가까워 질 것입니다 .. 맞습니까? – AKIWEB

그래, apply_online은 ID 여야합니다. 공백은 허용되지 않습니다. 내 대답을 확인하고 업데이트했습니다. 기본적으로 버튼을 클릭하면 함수를 호출하여 colorbox를 닫은 다음 링크를 엽니 다. – projeqht

또한 입력 태그에 ONCLICK 명령이 여기에 있습니까? – AKIWEB

jQuery의 팝업 창을 사용하여 colorbox 창을 닫는 방법

답변

관련 문제