使用Jquery显示和隐藏页面导航

Question

为什么我的物品不回来？我对该项目进行了.show()。

<div id="back">< back</div>
<div class="item">item</div>
<div class="content">My content</div>

$(function(){
    $('.item').on('click', function(){
        $(this).empty();
        $('.content').show(0,'', function(){
            $('#back').show();
        });
    });

    $('#back').on('click',function(){
        $('.item').show();
        $(this).hide();
        $('.content').hide();
    });
});

DEMO http://jsfiddle.net/q1a4wwar/

Answer 1

因为您在$(this).empty()点击功能上呼叫.item。更改为$(this).hide();

.empty()正在移除.item中的内容，因此当您点击“＆lt; back”时实际显示内容时，它似乎已隐藏，因为文本已被删除。 （example of using .empty()）

$(function(){
   $('.item').on('click', function(){
      $(this).hide();
      $('.content').show(0,'', function(){
          $('#back').show();
      });
   });

   $('#back').on('click',function(){
      $('.item').show();
      $(this).hide();
      $('.content').hide();
   });
});

FIDDLE