0

这是我在这个论坛上的第一个问题，它与 ajax 中的 .load 元素有关。基本上我有一个无序列表，其中列表项是可点击的链接：

<ul id="menuButton">
    <a href="index.html" rel="address:/Home" id='Home'><li id="HTML/Home.html" class="current"><p>Home</p></li></a>
    <a class="clickable" href="HTML/Projects.html" rel="address:/Projects" id='Projects'><li id="HTML/Projects.html" class=""><p>Projects</p></li></a>
    <a class="clickable" href="HTML/Designers.html" rel="address:/Designers" id='Designers'><li id="HTML/Designers.html" class=""><p>Designers</p></li></a>
    <a class="clickable" href="HTML/Contact.html" rel="address:/Contact" id='Contact'><li id="HTML/Contact.html" class=""><p>Contact</p></li></a>
</ul>

单击这些链接时会加载不同的 html 片段，其中一些包含图像滑块（主页和项目链接）。这些在第一次请求内容时加载正常，但是如果您导航到另一个选项卡然后返回滑块不再起作用。使用 ajax 方法的代码位于 $.(document).ready 函数中，如下所示。

$('a.clickable').click(function(){

    var toLoad = $(this).attr('href') + '#main';

    $('#content').slideUp('slow', loadContent);

    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);

    function loadContent(){
        $('#content').load(toLoad, '' , showNewContent())
    }

    function showNewContent(){
        $.getScript("projectViewer.js",function(){alert('projectview ok')});
        $.getScript("jquery.slicebox.js");
        $('#content').slideDown('slow')
    }

    return false;

});

我完全不知道如何解决这个问题，尝试了不同的方法。我知道脚本加载是因为我得到了 projectview ok 警报，但不知何故，图像滑块上的导航中断了。

有没有人以前见过这个错误并且可以提供帮助？

附带说明：如果有人知道如何使用 .load ajax 方法获得后退按钮功能，那也将不胜感激。

4

0 回答 0