jQuery选项卡加载404页面

时间:2011-11-10 21:15:39

标签: jquery tabs jquery-ui-tabs

我正在为我的项目使用jQuery Tabs,通过Ajax“懒惰”加载标签内容。

但是,当我做一个拼写错误并且Rails框架给我带有错误页面的HTTP 404时,Tab将不会加载页面而我看不到错误信息。 (更正:当代码中存在拼写错误时,Rails似乎返回HTTP 500)

有没有办法告诉jQuery加载/显示像404代码一样返回的页面?

我到目前为止:

$('#tabs').tabs({
    ajaxOptions: {
        error: function (xhr, status, err) {
            // Call success function - but how?
        }
    }
});

2 个答案:

答案 0 :(得分:2)

ajaxOptions对象采用与实际jQuery .ajax()方法相同的选项,因此您可以在此使用statusCode对象http://api.jquery.com/jQuery.ajax/

该页面上statusCode的示例如下所示:

$.ajax({
  statusCode: {
    404: function() {
      alert('page not found');
    }
  }
});

要在jQuery Tabs上下文中使用它,只需将statusCode作为对象传递到ajaxOptions中,如下所示:

$('#tabs').tabs({
  ajaxOptions: {
    statusCode: {
      404: function() {
        //your 404 handling code runs here
      } 
    }
  }
});

答案 1 :(得分:1)

404页面也会触发成功事件而不是错误事件。尝试内部成功事件