[提問交流]求大神幫忙看一下，本人新手還在學習，遇到一個問題，想請教一下！！

就是想利用AJAX靜態重新整理的功能做到在同一個頁面上面非同步載入其他頁面上面的資訊,一個LI標籤對應一段資料內容，資訊是載入出來了，但是是最後一條的資料，沒法顯示前面的三條資料.，點任何一個li標籤即使它value值是對的，但到下面顯示內容的id就變成最後一條資料的ID了，是不是我沒做遍歷迴圈？？求大神，幫忙看看，怎麼解決
<!--這是頁面上面的ul-->
<div class="bg-us">
<ul class="filter_tabs_ul">
<article:list name="article" category="48">
<li class="usNav" value="{$article['id']}">//這裡資料都是對的，2，3，4，5
{$article.title}
</li>
</article:list>
</ul>
</div>
<div class="content-us">
<ul class="filter_boxs">
<li class="tab_con" value="{$article['id']}">//但這裡顯示的不管我點什麼值都是5
</li>
</ul>
</div>
<script>
$(function(){
        $(".usNav").on("click",function(){
   $.ajax({
    type: "GET",
    url:"{:U('Article/detail?id='.$article['id'])}",
    success: function(data){
    var result = $(data).find("#contents");
    $(".tab_con").html(result);
    },
    error:function(XMLHttpRequest, textStatus, thrownError){}
   })
  })
})
</script>

好了弄了幾天，終於好了，換個傻一點的方法就成功了。url:"./index.php?s=/Home/Article/detail/id/"+value+".html",