css - 当部分完成时，如何更新 div css 以显示完整图像？

Question

使用 MVC 3

我有一个包含三个部分的问卷。包含问卷的页面有“下一个”、“上一个”和“保存”按钮？当我单击这些按钮中的任何一个时，我希望对名为“Question/SectionComplete”的 Actioncontroller 进行 ajax 调用，如果它返回 true 我想用显示完整图标的 css 更新菜单 div。任何人都可以帮助开始使用示例代码吗？

Answer 1

function onButtonClick(){
    var data = { myvar: 1 }; // your data to pass to action
    $.getJSON('Question/SectionComplete', data, function(result){
        if(result)
            $('#mymenudiv').css('background-image', 'yourImage'); //your styles here
    })
}

在 Controller 中:

public ActionResult SectionComplete(int myvar)
{
    // check condition
    return Json(true, JsonRequestBehaviour.AllowGet); // you can return complex object instead
}