ページがロードされるまでフェイスボックスリンクを無効にする

Question

ページが完全にロードされる前にフェイスボックスのリンクをクリックすると、ページが完全に読み込まれてモーダルではなく別のページが読み込まれます。この問題を解決する最良の方法は何ですか？

これは、これは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に発射されたクリック可能である

<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> 

faceboxスクリプトです（...）

あなたのfaceboxリンクに$（ 'a'）を変更します

Answer 2

まともな回避策を見つけました。あなたが扱っているコンテンツに応じて、問題のタグにdisplay：noneを設定して、単純にjsに次のコードを追加するだけです。

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> 

数ヶ月が、これは誰かに役立ちます願っています！

Answer 3

ジェイ、あなたの質問に応えて

が、ここで私はリンク表示を持って管理する方法ですが、すべてのコンテンツがロードされるまで機能しません：

JS：

$("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>