Question

我希望当前的内容能够滑动，然后将所点击的内容向下滑动，我很难理解为什么我赢得的代码无法运行。它只是向下滑动文本。内容。任何帮助非常感谢！

$(document).ready(function() { 
    $('nav ul a').click(function(){    
        var newTopicText = $(this).html();            
        $('#topic').fadeOut(function () {     
            $('#topic').text(newTopicText).fadeIn();      
            $(".contentContainer").slideUp(1500, function() {    
                $(".contentContainer").html('.content');
            }).slideDown(1500);      
         });
     });
});

Answer 1

当你执行.html（'.content'）时，你告诉jQuery在字面上使“.content”成为容器的innerHTML（例如：div或span with class .contentContainer）。

有点不清楚你要在.contentContainer中放置什么内容，但假设它是带有“.content”类的第一个标记的html，你可以使用它：

$(document).ready(function() { 
  $('nav ul a').click(function(){    
    var newTopicText = $(this).html();            
    $('#topic').fadeOut(function () {     
        $('#topic').text(newTopicText).fadeIn();      
        $(".contentContainer").slideUp(1500, function() {    
            // Change this line...
            $(".contentContainer").html($('.content').html());
        }).slideDown(1500);
     });
   });
});

编辑：已更新，使其使用“.content”类获取第一个标记的内容。

http://jsfiddle.net/nn0x6da8/2/

我想滑动当前内容，然后使用jQuery滑动所点击的内容

1 个答案: