無法使用JQuery同時添加兩個超鏈接

Question

我有一個使用ASP.Net MVC的應用程序。我試圖在點擊下拉菜單時將所有子菜單放在側面導航欄中。由於我有多個子菜單用於單個下拉菜單，因此我想將其全部放在側面導航欄中。我使用這個代碼：

<li id="dd_vehicle" class="dropdown"> 
<a id="x_btn" href="#" class="dropdown-toggle" data-toggle="dropdown" >VEHICLE <b class="caret"></b></a> 
<ul class="dropdown-menu"> 

    <li id="item_registration"> 
     @if (Utils.IsAdmin()) 
     { 
      @Html.ActionLink("Registration", "Registration", "Home") 
     } 
    </li> 
    @*}*@ 


    <li id="item_modify"> 
     @Html.ActionLink("Modify", "Modify", "Home") 
    </li> 

    <li id="item_history"> 
     @Html.ActionLink("History", "History", "Home") 
    </li> 

    <li id="item_vehicle_transaction"> 
     @Html.ActionLink("Transaction", "Transaction", "Home") 
    </li> 
</ul> 
</li> 

$(document).ready(function() { 
$('#x_btn').on('click', function (evt) { 
    //evt.preventDefault(); 

    $('#links_area').html('<a href="@Url.Action("Registration", "Home")" class="btn btn-primary">Registration</a>'); 
    $('#links_area').html('<a href="@Url.Action("TransactionReport", "Home")" class="btn btn-primary">Modify</a>'); 

    }); 
}); 

問題是，我不能在同一時間放置兩個鏈接。 「#links_area」僅包含其中一個鏈接，並且它是要添加的最後一個鏈接。請幫忙。謝謝。

Answer 1

您可以使用.append()代替.html()

$(document).ready(function() { 
    $('#x_btn').on('click', function (evt) { 
     //evt.preventDefault(); 
     $('#links_area').append('<a href="@Url.Action("Registration", "Home")" class="btn btn-primary">Registration</a>'); 
     $('#links_area').append('<a href="@Url.Action("TransactionReport", "Home")" class="btn btn-primary">Modify</a>'); 

    }); 
});