javascript - 无法在 mvc4 中使用 onclick 从 anchor 标记获取调用

标签 javascript jquery html asp.net-mvc-4

cshtml代码

<div class="span3">
    @for (var i = 0; i < Model.GroupNames.Count; i++)
    {
        <ul>                 
            <li>
                @{
                    var item = Model.GroupTypeNames[i];
                    var selected = i == 0 ? " class=\"selected\"" : "";
                }

                <a onclick="getGroupType(@item.Id);" data-option-value="*"@Html.Raw(selected)>@item.TypeName</a>
            </li>
        </ul>
    }
</div>

jquery代码

function getGroupType(id) {
    debugger;
    $.getJSON( "Groups/Get" + id, function (data) {
        $(".span9").html($("#GroupTemplate").removeData());
        $.each(data, function (index, value) {
            if (value.Id != undefined) {
                $("#GroupTemplate").tmpl(value).appendTo(".span9");
            }
        });

        $('#circle').css("opacity", "0.5");
    });
}

此处无法接听电话 但是当我尝试使用 onclick="alert('Hello');" 它工作正常

onclick="getGroupType(@item.Id);"有什么问题

最佳答案

正如您评论的那样:

我的函数已准备就绪

所以我认为这是一个范围问题,因为您的 onclick 处理程序不在就绪函数中,因此您的函数 getGroupType(@item.Id); 不可用为此,您可以将其放在全局范围之外。

getGroupType(id){
  // all the stuff
}

$(function(){
   // all other stuff
});

关于javascript - 无法在 mvc4 中使用 onclick 从 anchor 标记获取调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24147944/

相关文章:

javascript - 使用 Javascript 获取页面中的顶部节点

javascript - 使用 CDATA 替换 < 是否正确

html - 如何通过获取菜单的动态高度来 float 菜单?

javascript - 使用 json_encode() 将 PHP 数组转换为 JavaScript 数组

javascript - 服务器上网站不同页面之间的导航

javascript - Kendo Grid 与客户端模板

jquery - VueJS jQuery : computed value of parent data attribute undefined

javascript - 正则表达式计算不包括 html 标签的单词

javascript - JSDOM 未在 Node 中加载脚本文件

javascript - 将输入文本与选项值匹配并自动选择它