禁用 Facebox 链接，直到页面加载

Question

我想禁用我的 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>

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

Answer 2

var blocking = false;

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

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

所以...链接将不可点击，直到所有图像都已加载，这是在 window.load(...) 上触发的，

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

Answer 3

刚刚想出了一个不错的解决方法。根据您正在处理的内容，一个简单的解决方案是将 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 4

Jay，

为了回答您的问题，以下是我如何设法显示链接，但在加载所有内容后才起作用：

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>

希望这有帮助！