отключить ссылки на 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

Только что разобрался в приличном обходном пути. В зависимости от содержимого, с которым вы имеете дело, простое решение состоит в том, чтобы установить 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

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>

Надеюсь, это поможет!

Answer 4

var blocking = false;

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

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

Итак ... ссылки не будут кликабельными до тех пор, пока не будут загружены все изображения, которые запускаются из window.load (...)

, изменяющими $ ('a') для ссылок в вашем фейсбоксе.