从MVC4 JavaScript回调函数执行JQuery

时间:2014-01-23 21:13:01

标签: javascript jquery ajax asp.net-mvc-4 twitter-bootstrap

我正在使用MVC4而我正在使用以下代码进行简单的回复。但是,在我尝试过的所有内容中,我还没有能够在JS函数中执行JQuery函数,但我还没有能够在JQuery块中使用任何回调函数。我试图做的是什么?有没有另一种方法可以做到这一点,即只是在JQuery中进行ajax回调?我试图调用twitter自举函数。

编辑:我正在使用的提醒是一个Twitter Bootstrapper功能
http://getbootstrap.com/2.3.2/javascript.html#alerts

我的回调功能

@using(Ajax.BeginForm("PostContact", "Home", new AjaxOptions { OnSuccess = "AddContactSuccess"} )){ //My awesome code}

Jquery脚本:

function AddContactSuccess(msg){
    //Can I do JQuery here?
    $('#closeModal').alert(); //Error: alert is not a function
};

jQuery(document).ready(function ($) {

    $('#contact').click(function () {
        $('#contactModal').modal('show');
    });
});

2 个答案:

答案 0 :(得分:0)

我遇到了类似的问题,我通过使用$(function(){/ 代码 /})解决了问题;

function AddContactSuccess(msg){
    //Can I do JQuery here?
    $(function(){
        $('#closeModal').alert(); //Error: alert is not a function
    });
};

$(document).ready(function ($) {

    $('#contact').click(function () {
        $('#contactModal').modal('show');
    });
});

答案 1 :(得分:0)

使用id =“update-message”保留ahidden元素, 添加UpdateTargetId,如下所示

@using(Ajax.BeginForm("PostContact", "Home", new AjaxOptions {
UpdateTargetId = "update-message",
 OnSuccess = "AddContactSuccess"} 
)){ //My awesome code}

function AddContactSuccess(){
var msg=$('#update-message').val();
    //Can I do JQuery here?
    $('#closeModal').alert(); //Error: alert is not a function
};