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

Question

使用 MVC 3

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

Answer 1

使用 .ajax 方法的成功函数 - 此处的文档 - http://api.jquery.com/jQuery.ajax/

$.ajax({
  url: '/Question/SectionComplete',
  success: function(data) {
      // add code here
      // test for your response
      // then use jquery selector to get element to be updated
      // and use .html() to set element's new value
  }
});

Answer 2

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
    })
}

在控制器中：

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