페이지가로드 될 때까지 facebox 링크를 사용 중지합니다.

Question

페이지가 완전히로드되기 전에 페이스 박스 링크를 클릭 할 때 페이지가 완전히로드 될 때까지 페이스 박스 링크를 비활성화하고 싶습니다. 이 문제를 해결하는 가장 좋은 방법은 무엇입니까?

이

는 facebox 스크립트

<link href="facebox.css" media="screen" rel="stylesheet" type="text/css"/> 
<script src="facebox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
     $('a[rel*=facebox]').facebox({ 
     loading_image : 'images/ajax-loading.gif', 
     close_image : 'images/fb_closelabel.png' 
     }) 
    }) 
</script> 

입니다이 HTML

<a href="linktosomewhere.php" rel="facebox">Click to goto somewhere</a> 

Answer 1

var blocking = false; 

$(window).load(function(){blocking=true;}); 

$('a').click(function(){return blocking}); 

이다 그래서 모든 이미지를로드 한 때까지 ... 링크 못해 window.load에 발사되는 클릭 할 수 (...)

내 facebox 링크에 $ ('a') 수정

Answer 2

괜찮은 해결 방법을 찾았습니다. 다루는 콘텐츠에 따라 간단한 해결책은 display : none을 해당 태그에 설정 한 다음 j에 다음 코드를 추가하기 만하면됩니다.

jQuery(document).ready(function($) { 
    $('a[rel*=facebox]').facebox({ 
    loading_image : 'images/ajax-loading.gif', 
    close_image : 'images/fb_closelabel.png' 
    }); 
    $('a[rel*=facebox]').show(); 

}) 

하고 HTML에서

: 늦게

<a href="linktosomewhere.php" rel="facebox" style="display:none;">Click to goto somewhere</a> 

몇 달하지만,이 사람을 도움이되기를 바랍니다!

JS를 :

Answer 3

제이,

질문에 대한 응답으로

, 여기에 모든 내용이로드 될 때까지이 기능을 링크 디스플레이가 있지만 관리 할 방법

$("a.add-facebox").click(function(){ 
     $.facebox({ ajax: $(this).attr('fb-href') }); 
     return false 
}); 

HTML :

<a href="#" class="add-facebox" fb-href="linktosomewhere.php">Click to go somewhere</a> 

희망이 있습니다.

Answer 4

.hover1{font-size:10pt}; 

$(function(e){ 
    $(".hover1").attr('href',''); 
}); 
// here you can change the path in 'http://www.viomjeet.blogspot.com' 


<a href="http://www.google.co.in">click to google</a>