2011-08-10 26 views
0

我想禁用我的facebox链接,直到页面完全加载原因为止,当我在页面加载完成之前单击facebox链接时,页面将加载不同的页面而不是模式!解决这个问题的最好方法是什么?禁用facebox链接直到页面加载

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

回答

0
var blocking = false; 

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

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

所以......的链接不会被点击,直到所有图像都加载其上window.load解雇(...)

将$('a')修改为您的facebox链接

+0

嘿samccone,thanx为此,但我在哪里放置此脚本?地方? –

+0

只是在脚本标签包裹...它使用jquery,所以你需要它以及... – samccone

+0

facebox链接使用属性rel所以我可以做$('一个rel')? –

0

只是想出了一个体面的解决方法。根据您处理的内容,一个简单的解决方案是将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> 

几个月较晚,但希望这可以帮助别人!

+0

hello butangphp,如果我这样做,这意味着元素将被隐藏,直到页面加载? ??但我只是想链接被禁用,直到页面加载...是不是这样做,这样,当你点击链接它将无法正常工作,直到页面加载?? –

0

周杰伦,

在回答你的问题,这里是我如何管理有链接显示,但无法正常工作,直到所有的内容加载:

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> 

希望这有助于!

1
.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> 
相关问题