jquery - 通过ajax加载的Jquery手风琴不起作用

Question

所以我在一个使用 ajax 在页面之间加载内容的网站上工作，但是这些页面中的 javascript 在加载时停止工作，即使如果我直接访问该页面它工作得很好。

这是索引页面

http://tinyurl.com/82exd3u

如果您单击“服务”，您会看到它加载时手风琴侧边栏无法正常工作。当我直接访问该页面时，它工作正常。

http://tinyurl.com/7jfjek8

这是我正在使用的ajax代码（尝试使用live，但它没有完成这项工作）

$(document).ready(function() {
    $('.nav').live('click', function(){
        var href = $(this).attr('href')+" #content";
        $('#content').hide().load(href).fadeIn('normal');
        return false
    }); 
});

我从手风琴代码中删除了 document() 准备好的部分，希望这样做可以解决问题，但仍然没有。

有任何想法吗？提前致谢

Answer 1

在索引文件中，当 body 元素加载时，它会尝试调用 initialize(); 这是没有定义的。这一定是javascript停止工作的原因。检查 body 元素的 onLoad 属性。

还要检查您的 JS 和 CSS 文件的 url，其中两个不起作用：

 <script src="js/libs/modernizr-2.5.3.min.js"></script>

 <link rel="stylesheet" href="css/style.css">