Javascript 如何使用js模板加入我的mvc应用程序？

h、 我想在我的模板菜单中设置我的动作url，但我不知道如何设置 这是_layout.cshtml

  <!-- Main Content -->
<div class="lx-g1-f">
    <div class="lx-main-content">
        <div class="lx-g8-f lx-p-10">

            <!-- Main Menu -->
            <div class="lx-main-menu lx-transparent">
                <i class="lnr lnr-menu"></i>
                <ul>
                    <li><a href="javascript:;" class="active" data-title="lx-home" data-url="index-4.html#home"><i class="lnr lnr-home"></i>home</a></li>
                    <li><a href="javascript:;" data-title="lx-knowme" data-url="index-4.html#knowme"><i class="lnr lnr-user"></i>about me</a></li>
                    <li><a href="#skills" data-title="lx-skills" data-url="index-4.html#skills"><i class="lnr lnr-laptop"></i>proffes</a></li>
                    <li><a href="javascript:;" data-title="lx-resume" data-url="index-4.html#resume"><i class="lnr lnr-graduation-hat"></i>resume</a></li>
                    <li><a href="javascript:;" data-title="lx-projects" data-url="index-4.html#projects"><i class="lnr lnr-briefcase"></i> projects</a></li>
                    <li><a href="javascript:;" data-title="lx-blog" data-url="index-1.html#blog"><i class="lnr lnr-bullhorn"></i>blog</a></li>
                    <li><a href="javascript:;" data-title="lx-contact" data-url="index-4.html#contact"><i class="lnr lnr-envelope"></i>contact  </a></li>

                </ul>
            </div>
            <!-- End Main Menu -->

这是操作url：

      <li>@Html.ActionLink("Home", "Index", "Home")</li>
   <li>@Html.ActionLink("About", "About", "Home")</li>
   <li>@Html.ActionLink("Contact", "Contact", "Home")</li>

@Html.ActionLink（“主页”、“索引”、“主页”）
@ActionLink（“关于”、“关于”、“主页”）
@ActionLink（“联系人”、“联系人”、“主页”）

这是index.js菜单部分：

  // Main menu event : show correspondant section
$(".lx-main-menu ul li a").on("click", function() {

    var patt = /single-post/;
    if(!patt.test(location.pathname)){  
        // Remove active class from menus
        $(".lx-main-menu ul li a").removeClass("active");
        // Set clicked menu active
        $(this).addClass("active");
        // Hide all blocs
        $(".lx-blocs").removeClass("active");
        // Show the correspondant bloc
        $("."+$(this).attr("data-title")).addClass("active");
        // Update the url
        history.pushState('data', '', $(this).attr("data-url"));

        // If bloc skills load the progress bars
        if($(this).attr("data-title") === "lx-skills"){
            for (var i = 0; i < $(".lx-bar", ".lx-bars-chart").length; i++) {
                $(".lx-bar:eq(" + i + ") .lx-bar-counter").text($(".lx-bar:eq(" + i + ")").attr("data-max") + "%");
                $(".lx-bar:eq(" + i + ") .lx-bar-fill").css("width", $(".lx-bar:eq(" + i + ")").attr("data-max") + "%");
            }
        }
        else{
            for (var i = 0; i < $(".lx-bar", ".lx-bars-chart").length; i++) {
                $(".lx-bar:eq(" + i + ") .lx-bar-counter").text("0%");
                $(".lx-bar:eq(" + i + ") .lx-bar-fill").css("width","0%");
            }       
        }

        // Responsive Menu Hide
        if($(window).width() <= 768){
            $(".lx-main-menu").css("left", "-116px");
            $(".lx-main-menu > i").attr("class", "lnr lnr-menu");       
        }
    }
});

//主菜单事件：显示对应部分
$（“.lx主菜单ul li a”）。打开（“单击”，函数（）{
var patt=/单柱/；
如果（！patt.test（location.pathname））{
//从菜单中删除活动类
$（“.lx主菜单ul li a”）.removeClass（“活动”）；
//将单击的菜单设置为活动
$（此）.addClass（“活动”）；
//隐藏所有集团
$（“.lx blocs”）.removeClass（“活动”）；
//显示相应的组
$（“+$（this.attr（“数据标题”））.addClass（“活动”）；
//更新url
history.pushState（'data'，''，$（this.attr（“数据url”））；
//如果bloc技能加载进度条
if（$（this.attr（“数据标题”）==“lx技能”）{
对于（变量i=0；i<$（“.lx条形图”，“.lx条形图”）。长度；i++）{
$（“.lx-bar:eq（“+i+”）.lx-bar计数器”）.text（$（“.lx-bar:eq（“+i+”）））.attr（“数据最大值”）+“%”；
$（“.lx条：相等（“+i+”）.lx条填充”）.css（“宽度”），$（“.lx条：相等（“+i+”））.attr（“数据最大值”）+“%”；
}
}
否则{
对于（变量i=0；i<$（“.lx条形图”，“.lx条形图”）。长度；i++）{
$（“.lx bar:eq（“+i+”）.lx bar计数器”）.text（“0%”）；
$（“.lx条：eq（“+i+”）.lx条填充”）.css（“宽度”，“0%”）；
}       
}
//响应菜单隐藏
如果（$（窗口）.width（）


在layout.cshtml中，您已经给了这个链接。希望这会有所帮助。
到底是什么不起作用？您在哪里尝试添加这些链接？尝试时会发生什么？无论谁投了反对票，请解释原因。
<div class="lx-home">
    <div class="lx-home-content">
        <div class="lx-home-overview">
            <h1> </h1>
            <div class="line"></div>
            <em></em>
            <p></p>
        </div>
        <div class="lx-clear-fix"></div>
        <div class="lx-home-buttons">

            <a href="#"></a>
        </div>
    </div>
</div>

<li><a href=@Url.content("~/controllerName/ActionMethod")"> class="active" data-title="lx-home" ><i class="lnr lnr-home"></i>home</a></li>