2008-10-15 39 views
0

试图用jQuery tabs制作一个表单向导。如何在jQuery/AJAX选项卡中使用CodeIgniter/MVC视图?

是否有可能在单独的视图中的每个步骤的形式,然后加载每个通过jQuery/AJAX选项卡选项?当我的AJAX加载部分表单时,它无法访问js,css等;因为部分文件没有“标题”。它似乎并不从父页面继承。作为一种解决方法,我将所有表单放在一个页面上,分成<div> s的标签。 这是做这个工作,但关闭js没有什么意义(虽然该应用程序依赖于js,并且仅在内部使用js启用的浏览器)。

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

+0

有没有更新? – 2008-10-23 17:46:54

回答

1

除非这些标签被加载到iframe中,否则他们应该可以访问加载它们的页面的js和css。你可以做一个测试来确认你怀疑JS和CSS是不可访问的吗?

+0

会做和回报... – meleyal 2008-10-16 18:13:38

1

我只是写了一个类似的应用程序使用我自己的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帖子发送。如果响应是一个URL,那么我只是将它的URL设置为它并重新加载它。

希望这有助于

0

,我发现这里的问题是,我的大多数AJAX的数据是兵发回为text/html不是URL?这意味着它不显示,如果我将它附加到'目标',那么它不会加载tabsload事件,因此绑定到提交按钮不会发生

相关问题