最近想做一个利用侧滑菜单切换 Fragmnet 的功能。但是出现问题了。
侧滑菜单有三项，打开应用就是第一项，如图：

侧滑菜单是这样的：

接着我试着点击其他两项，利用 FragmentManager 的 replace 方法，都能成功切换，其他两项的 Fragment 我先保留了新建时候的布局，就是那个 Hello blank fragment 那个文本。都没有问题。然后我切换回第一项 Home，问题就出现了，如图：

可以发现，TabLayout 和下面的 Fragment 中的文本都没有了，不知道怎么回事。
这是目前问题没解决的状态的 github 地址：链接描述

下面我把主要地方的代码贴一下，首先是第一项“首页”的布局：

接着是“首页”的主要代码：

ViewPager viewPager = (ViewPager) view.findViewById(R.id.fragment_home_viewpager);
HomePagerAdapter homePagerAdapter = new HomePagerAdapter(getFragmentManager());
viewPager.setAdapter(homePagerAdapter);
TabLayout tabLayout = (TabLayout) view.findViewById(R.id.fragment_home_tablayout);
tabLayout.setTabMode(TabLayout.MODE_FIXED);
tabLayout.setupWithViewPager(viewPager);

然后是 MainActivity 中设置侧滑菜单的代码：

navigationView = (NavigationView) findViewById(R.id.navigation_view);
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(MenuItem menuItem) {
                menuItem.setChecked(true);
                switch (menuItem.getItemId()) {
                    case R.id.navigation_menu_home:
                        fragmentManager.beginTransaction().replace(R.id.content, fragmentHome).commit();
                        drawerLayout.closeDrawer(navigationView);
                        break;
                    case R.id.navigation_menu_book:
                        fragmentManager.beginTransaction().replace(R.id.content, fragmentBook).commit();
                        drawerLayout.closeDrawer(navigationView);
                        break;
                    case R.id.navigation_menu_movie:
                        fragmentManager.beginTransaction().replace(R.id.content, fragmentMovie).commit();
                        drawerLayout.closeDrawer(navigationView);
                        break;
                    default:
                        break;
                }
                return true;
            }
        });

不知道问题出在哪里，望高手指导