jQuery Fancybox&使用location.hash加载文件都不起作用

时间:2011-09-24 19:23:58

标签: javascript jquery ajax hash fancybox

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>

现在它应该工作了。但它没有用。为什么会这样,我该如何解决这个问题呢? 你能帮我解决我的问题吗?

1 个答案:

答案 0 :(得分:0)

第一个问题 -

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

对于第二个问题 -

您可以尝试按如下方式编写代码 -

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