首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在OnSuccess回调Ajax.actionlink上调用javascript函数?

在OnSuccess回调Ajax.actionlink上调用javascript函数?
EN

Stack Overflow用户
提问于 2015-05-28 15:09:44
回答 1查看 1.7K关注 0票数 1

我正在使用MVC5。我使用不显眼的Ajax.ActionLink()从列表中加载图像。这是示例代码:-

代码语言:javascript
运行
复制
<ul class="list-group list-unstyled lists">
@foreach (var item in Model)
{
<li>
@Ajax.ActionLink(@item.Name,
        @item.Action,
        "Home",
        new {id = @item.Id },
        new AjaxOptions
        {
            UpdateTargetId = "divImage",
            InsertionMode = InsertionMode.Replace,
            HttpMethod = "GET",
            OnSuccess = "enableZoom"
        })
</li>
}
</ul>

OnSuccess回调我调用一个函数'enableZoom‘。只要它在视图页的脚本标记中,它就能工作。但是,当我将enableZoom函数移到custom.js文件时,OnSuccess回调无法找到或调用它。

代码语言:javascript
运行
复制
<script>
    function enableZoom() {
        $("#divImage").zoom({
            on: "grab",
            magnify: "1"
        });
    }
</script>

PS:我的custom.js文件正在成功加载(通过firebug确认),而且custom.js还有其他功能,而且正在工作。有什么线索/帮助会很感激吗?

EN

回答 1

Stack Overflow用户

发布于 2015-05-28 18:31:54

尝试在单独的js文件中使用以下内容。由于您使用的是Jquery函数,所以需要确保Jquery在Js文件之前加载。

代码语言:javascript
运行
复制
MyNamespace = {} || MyNamespace();
MyNamespace.EnableZoom = function() {
    $("#divImage").zoom({
            on: "grab",
            magnify: "1"
        });
};

您应该能够通过MyNamespace.EnableZoom()调用此函数。

OnSuccess = "MyNamespace.EnableZoom“

试试看。祝好运。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30510450

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档