JQuery Fancybox & Загрузка файла с использованием location.hash оба не работают

Question

http://www.alphenweer.nl/index.php#page:alphen-afgelopenuur.php

Первое, что вы увидите, это первая ошибка.

Я использую функцию getdata(), расположенную в моем файле index.js , для вызова страницы и помещаю ее в основной DIV. Это может быть проблемой, если кто-то захочет перейти на определенную страницу, людям все равно придется нажимать на другую ссылку. Итак, я пришел с этим решением (оно также находится в моем index.js файле:

function getdataonload(){
    var page = window.location.hash;
    if(window.location.hash != ""){
        page = page.replace('#page:', '');
        getdata('nosub/content/'.page);
    }
}

// and for the links:
<a href="#page:alphen-afgelopenuur.php">..</a>

Но, похоже, это не работает должным образом. Теперь div снова заполняется моим основным файлом index.php. Почему это происходит, что я делаю не так?

И, похоже, у меня есть еще одна ошибка с jQuery Fancybox. Например, перейдите по той же ссылке, нажмите «Ontladingen», а затем выберите одну из всплывающих ссылок. Источники этих страниц почти одинаковы, но примерно так:

<a href="link/to/image.png" class="fancybox">
    <img src="link/to/image.png" alt="example">
</a>

А потом в нижней части моей страницы у меня есть этот кусок кода:

<script type="text/javascript">
    $("a.fancybox").fancybox();
</script>

Теперь это должно работать. Но это не работает. Почему, и как я могу решить эту проблему? Не могли бы вы все помочь мне с обоими моими проблемами?

Answer 1

Для первой проблемы -

Вы должны создать полный URL на getdata('nosub/content/'.page);.Это должно быть похоже на 'http:// ... nosub/content/'

Для 2-й задачи -

Вы можете попробовать написать код следующим образом -

<script type="text/javascript">
  $(document).ready(function() {
    $("a.fancybox").fancybox();
   });
</script>