Laravel：从Bootstrap选项卡加载不同的Blade视图

Question

当我按下导航标签时，我想在我的Laravel视图中加载不同的URL。目前有三个标签Home，Profile，Messages

这是我的JS

<script>
    $('#myTabs a').click(function (e) {
    e.preventDefault();

    var url = $(this).attr("data-url");
    var href = this.hash;
    var pane = $(this);

    // ajax load from data-url
    $(href).load(url,function(result){      
        pane.tab('show');
    });
});

// load first tab content
$('#home').load($('.active a').attr("data-url"),function(result){
  $('.active a').tab('show');
});
</script>

我正在使用Bootstrap来设计我的应用

  <ul class="nav nav-tabs" id="myTabs">
    <li class="active"><a href="#home">Home</a></li>
    <li><a href="#profile" data-url="/custom.html">Profile</a></li>
    <li><a href="#messages" data-url="/embed/62807/view">Messages</a></li>
  </ul>

 <div class="tab-content">
    <div class="tab-pane active" id="home">@include('Partials.FilterBar', array('action' => Str::slug(head(Request::segments()))))</div>
    <div class="tab-pane" id="profile"></div>
    <div class="tab-pane" id="messages">sdfsdfsdfsdf</div>

目前，当我按Profile时，它应该加载/custom.html，但没有任何内容被加载。当我按下消息时，它应该加载sdfsdfsdfsdf，但没有任何内容被加载。任何帮助将不胜感激。