Rails 3 模板未在 jQuery UI 选项卡中加载

Question

我的 Rails 3 应用程序中有一个配置文件。当查看个人资料时，个人资料的有关信息默认显示在 div 容器中。我想要做的是，当单击“消息”链接时，将 div 中的“关于”信息替换为来自用户的消息。 （消息应根据 profile_messages 模板加载。）为此，我转向了 jQuery UI 选项卡。

所以“关于”信息存在于 Tab-1 中。 “消息”位于名为 profile_messages 的模板中，我尝试从 ProfilesController 和 MessagesController 加载该模板。

我在这里得到了很多帮助才能到达我现在的位置。但是，由于某种原因，我无法显示实际的消息。当我单击“消息”时会发生什么，我在 jQuery 中看到错误消息。如果我检查该元素，我会看到以下内容：

Failed to load resource: the server responded with a status of 404 (Not Found) `profile_messages`

这是我的代码。如果有人可以帮助我弄清楚发生了什么，我将非常感激。

< strong>ProfilesShow show.html.erb:

<div id="tabs">
  <ul id="infoContainer">
    <li><a href="#tabs-1">About</a></li>
    <li><%= link_to "Messages", "/profiles/profile_messages", :remote => true %></li>
  </ul>
  <div id="tabs-1">
  </div><!-- end profile-about -->

profile_messages.html.erb:

<div id="tabs-2">
<% for 'message' in @user.messages %>
  <div class="message-1">
  </div>
</div><!-- end messages -->
<% end %>

ProfilesController：

def show
  @profile = Profile.find(params[:id])
  @user = User.find(@profile.user_id)
end

Routes.rb：

resources :messages do
  resources :responses
end
resource :messages do
  collection do
    get :profile_messages
  end
end

profile_messages.js.erb：

$( "#tabs" ).html( "<%= escape_javascript( render(@profile.messages) ) %>" );

来自rake 路线：

message GET  /messages/:id(.:format) {:action=>"show", :controller=>"messages"}
profile GET  /profiles/:id(.:format) {:action=>"show", :controller=>"profiles"}
profile_messages_messages GET  /messages/profile_messages(.:format {:action=>"profile_messages", :controller=>"messages"}

jQuery UI 选项卡：

$(function() {
    $( "#tabs" ).tabs({
        spinner: '<img src="">' },{
        ajaxOptions: {
            error: function( xhr, status, index, anchor ) {
                $( anchor.hash ).html(
                    "There was an error loading this tab. Please try again." );
            }
        }
    });
});

正如我所说，我真的很接近，所以如果有人可以帮助我找出我做错了什么，我将不胜感激

更新 。 ：如果我从profiles/profile_messages 到 messages/profile_messages 这里是 jQuery UI 选项卡的 HTML 输出：

<div id="tabs">
  <ul id="infoContainer">
    <li><a href="#tabs-1">About</a></li>
    <li><a href="messages/profile_messages" data-remote="true">Messages</a></li>
  </ul>
<div id="tabs-1">

这是我在 Firebug 中看到的内容：

<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
  <ul id="infoContainer" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">About</a></li>
    <li class="ui-state-default ui-corner-top"><a href="#ui-tabs-1" data-remote="true">Messages</a></li>
  </ul>
  <div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
  </div>
</div>

Firebug 将第二个链接显示为 # ui-tabs-1 对我来说似乎很奇怪。

Answer 1

路由输出说明了一切：profile_messages_messages，但如果您使用生成的路径变量而不使用字符串路径，则还需要附加 _path。

Answer 2

这条路线存在吗？

/profiles/profile_messages

这就是您从 link_to 调用的内容。从您的路线输出来看，这似乎应该是：

/messages/profile_messages

Answer 3

感谢大家的共同努力，我才得以实现这一目标。查看这些问题以获取更多代码：

排除 R​​ails 3 div 中的应用程序布局

<一href="https://stackoverflow.com/questions/7693012/rails-3-jquery-ui-tabs-issue-loading-with-ajax/7698207#comment9363399_7698207">Rails 3 jQuery UI 选项卡使用 Ajax 加载时出现问题