使用Javascript动态添加导航到母版页

时间:2017-08-15 18:01:41

标签: javascript c# jquery asp.net

我在加载主页时使用javascript获取数据列表。 例如: [帐户 “ ”交易“, ”金额“,” 请求] 我需要将上面的数据列表添加到主页中包含的导航栏。

例如:导航栏 enter image description here

1 个答案:

答案 0 :(得分:1)

这很简单。假设您的母版页上的菜单是基于UL / LI的菜单,其ID为" ul"

<ul id="ul"></ul>

然后您应该在您的子页面上编写以下javascript代码以动态添加菜单项

<script>
        $(document).ready(function () {

            var elements = ["Accounts", "Transactions", "Amounts", "Requests"];

            for(i =0;i< elements.length;i++)
            {
                $("#ul").append("<li>" + elements[i] + "</li>");
            }


        });
    </script>