Question

这是我在这个论坛上的第一个问题，它与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;

});

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

之前有没有人看过这个错误，这有用吗？

旁注：如果有人知道如何使用.load ajax方法获得后退功能，那么也会非常感激。

里面的图像滑块（ajax）.load中断

0 个答案: