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>');

    });
});

无法使用JQuery同时添加两个超链接

1 个答案: