Блог

Я использую несколько экземпляров 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>
  

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

Две проблемные ссылки расположены на расширяемой правой боковой панели с надписью «Нажмите на меня»

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

В вашем scripts.js file, вы вызываете 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});
  

Использовать

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