具有jQuery效果的Ajax

具有jQuery效果的Ajax,jquery,ajax,Jquery,Ajax,我试图通过以下方式将jQUery效果与AJAX结合起来: <script> $('#navbar a').click(function(){ var url=$(this).attr('href'); $('#innerwrap').hide("slide",{direction:"down"},1000).load(url + ' #innerwrap').show("slide",{direction:"up"},1000);

我试图通过以下方式将jQUery效果与AJAX结合起来:

<script>
    $('#navbar a').click(function(){
        var url=$(this).attr('href');
        $('#innerwrap').hide("slide",{direction:"down"},1000).load(url + ' #innerwrap').show("slide",{direction:"up"},1000);
        return false;
    });
</script>
基本上,我的每个html文件都有一个innerwrap div,用于保存所有内容

我希望当前的内部包裹向下滑动,然后单击导航栏位置中的下一个内部包裹向上滑动。现在我知道代码没有完全被破坏,因为内容确实被加载了,但是效果似乎没有发生


我的主页上还有其他很酷的jQuery效果,比如滑块和一些特定分区的悬停效果。它们是否都与AJAX jQuery的效果相冲突?

我们需要看到更多的代码才能提出建议。你能把它放在小提琴里吗?根据您的描述,我猜您正在使用多个ID为innerwrap的div。您不应该有多个具有相同ID的元素。这就是创建类的原因。如何在一个小提琴中创建多个HTML文件?innerwrap div位于两个单独的html文件中。我把它改成了一门课,谢谢你的帮助,从现在开始我会这么做的。