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'）修改为你的facebook链接

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

周杰伦，

在回答您的问题时，以下是我如何设置链接显示，但在加载所有内容之前无法运行：

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>

希望这有帮助！

在页面加载之前禁用facebox链接

4 个答案: