Question

我遇到一个问题，即当我在内容页面上时，我的jQuery无法加载。

当我点击应该加载jquery的链接时，它只适用于我的startpage（Default.aspx）。当我点击放在我的页脚中的任何其他内容页面上的相同链接时，没有任何反应。所以我想我的脚本的路径或加载有问题。

我对jQuery并不熟悉，所以希望有人可以帮助我。

这是我在母版页中的脚本。

<script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"</script>

<link href="../fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

    $(document).ready(function () {

        $(".inline").fancybox({
            'hideOnContentClick': true,
            'titlePosition': 'inside',
            'transitionIn': 'none',
            'transitionOut': 'none'
        });

    });
</script>

这就是它所说的，我的母版页中的页脚。

<div id="footer"><a class="inline" href="#data">Viktor Nilsson</a></div>

<div style="display:none">
<div id="data">
Kontakta Viktor Nilsson<br />
Tel: 00000<br />
Email: aaa@hello.com <br /><br /> 
</div></div>

Answer 1

使用../fancybox/etc链接脚本文件：打开内容页面时，此相对路径可能出错。假设您的主人位于根文件夹中，而您的内容页面位于内容文件夹

中

webroot    
   |
   |-Master.aspx
   |-Content
   |    L contentPage.aspx
   L fancybox

脚本应该成为../../fancybox/etc ...

出于这个原因，你最好使用

<script src='<%= Page.ResolveUrl("~/fancybox/jquery.fancybox-1.3.4.pack.js")%>' type="text/javascript"></script>

css链接相同

从主页上获取jQuery以处理内容页面

1 个答案: