如何在jQuery/AJAX选项卡中使用CodeIgniter/MVC视图？

正在尝试使用创建窗体向导

是否可以将表单的每个步骤放在单独的视图中，然后通过jQuery/AJAX选项卡选项加载每个步骤？当我加载部分表单时，它无法访问js、css等。；因为部分文件没有“头”。它似乎根本没有从父页面继承。作为一种解决方法，我将所有表单放在一个页面上，分为带有

s的选项卡。 这可以完成这项工作，但在关闭js的情况下，这并没有多大意义（尽管该应用程序依赖于js，并且只在支持js的浏览器中内部使用）

---

我使用的是CodeIgniter，但我想这个问题对于任何MVC框架都是有效的。

除非选项卡加载到iFrame中，否则它们应该可以访问加载它们的页面的js和css。你能做一个测试来确认你对JS和CSS不可访问的怀疑吗？

我只是在使用我自己的MVC框架，使用jquery选项卡编写一个类似的应用程序。下面是我如何解决“在标签内浏览”问题的： 我的表单在不同的视图中，它们通过ajax加载到选项卡中

  jQuery(document).ready(function(){
    var tabs = jQuery("#tabs > ul").tabs().bind('tabsload', function( event, ui ){
      jQuery( 'form', ui.panel ).submit(function() {
        jQuery.ajax({
          type: 'post',
          url: $(this).attr('action'),
          data: $(this).serialize(),
          success: function( response ){
            if(response.match( /^http:\/\/.*$/ ))
            {
              tabs.tabs('url', ui.index, response );
              tabs.tabs('load', ui.index );
            }
          }
        });
        return false;
      });
    });

每次tabload之后，我都会覆盖选项卡内容中表单的默认提交事件（可通过ui.panel访问）。然后将表单序列化并作为ajax post发送。如果响应是一个URL，那么我只需将选项卡的URL设置为它并重新加载它

---

希望这有帮助

我发现的问题是，我的大多数ajax数据都是以文本/html而不是url的形式发送回来的？这意味着它不会显示，如果我将其附加到“target”上，则它不会加载tabsload事件，因此不会绑定到submit按钮