javascript - jQuery Fancybox 和使用 location.hash 加载文件都不起作用

Question

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

您首先会看到第一个错误。

我使用位于 index.js 中的函数 getdata()文件来调用页面，并将其放在主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

对于第一个问题-

您必须在 getdata('nosub/content/'.page); 处构建完整的 URL。它应该像 'http://... nosub/content/'

对于第二个问题——

你可以试试把代码写成这样——

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