在页面加载之前禁用 Facebook 链接答案

【问题标题】：disable facebox links until page loads在页面加载之前禁用 Facebook 链接
【发布时间】：2011-08-10 02:21:07
【问题描述】：

我想在页面完全加载之前禁用我的 Facebook 链接，原因是，当我在页面完全加载之前点击 Facebook 链接时，页面会加载不同的页面而不是模式！解决此问题的最佳方法是什么？

这是表情包脚本

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

【问题讨论】：

标签： facebox disable-link

【解决方案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>

【讨论】：

【解决方案2】：

var blocking = false;

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

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

所以...在 window.load(...) 上触发的所有图像加载完成之前，这些链接是不可点击的

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

【讨论】：

嘿 samccone，谢谢，但我应该把这个脚本放在哪里？在哪里？
只是在包含在脚本标签中的标题中。它使用 jquery，所以你也需要拥有它...
facebox 链接使用属性 rel 所以我可以只做 $('a rel') 吗？
在面部框周围的标记周围发布代码，您将不得不执行类似 .facebox>a 之类的操作，或者在没有代码的情况下很难说的事情

【解决方案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>

晚了几个月，但希望这对某人有所帮助！

【讨论】：

你好butangphp，如果我这样做，这意味着元素将被隐藏直到页面加载？？？但我只是希望在页面加载之前禁用链接......难道没有这样做，这样当你点击链接时它在页面加载之前不会工作？？

【解决方案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>

希望这会有所帮助！

【讨论】：