FancyBox не запускается -

Question

Я использую несколько экземпляров jQuery fancyBox для разрабатываемого веб-сайта. Он находится по тестовому URL; http://youwontbelievewhathappened.com/Test/test.html

Я установил большинство модных ящиков на сайте с этим типом наценки и звонил:

Первая наценка:

<a href="#blogpostBox" title="Blog Post">Blog Post</a>

        <br /><br />

<a href="#announcementBox" title="Announcement Box">Site Announcement</a>

Вызов на содержание:

  <div class="fancybox">
    <div id="blogpostBox" style="width:400px;height:100px;overflow:auto;">
    [This is the blog post]
    </div>
  </div> 

  <div class="fancybox">
    <div id="announcementBox" style="width:400px;height:100px;overflow:auto;">
    [This is the announcement]
    </div>
  </div>

Но для двух последних ссылок я пытаюсь вызвать причудливую рамку для; это не сработает. Он просто загружает '#contentdiv' в конце URL сайта. Это не может быть место, так как я вытащил его наружу и попробовал, но все же не повезло. Есть предложения?

Две неприятные ссылки расположены на раскрывающейся правой боковой панели, помеченной «Click Me»

Answer 1

Похоже, вы никогда не вызывали fancybox по этим ссылкам.

В вашем файле scripts.js вы вызываете fancybox со следующими селекторами:

//// Fancybox links
$("#footer a,#friendsbox a,#moreinfo").fancybox();
$("#openTextEntry").fancybox({onClosed:update_textEntry});

Но эти ссылки находятся внутри #rightsidebar, поэтому просто добавьте это к селекторам:

//// Fancybox links
$("#footer a,#friendsbox a,#moreinfo, #rightsidebar a").fancybox();
$("#openTextEntry").fancybox({onClosed:update_textEntry});

Answer 2

Используйте

<div  class="lightbox">
<a class="iframe" href="#announcementBox" title="Announcement Box">Site Announcement</a>
</div>

и добавьте скрипт следующим образом

<script type="text/javascript">
 $(document).ready(function() {
    $('.lightbox a').fancybox({
        width   : your preffered,
        height  : your preffered,
        opacity : true
    });
});
</script>