jQuery UI로 컨텐츠로드 문제 Ajax로 된 탭

지금 jQuery UI 탭이 작동하지만 Ajax 측 구현에 도움이 필요합니다. 도움이 필요한 것은 MessagesController에 부분적으로 존재하는 레이아웃의 MessagesController에서 정보 (@user.messages)를 표시하기 위해 #tab-2을 얻는 것입니다.jQuery UI로 컨텐츠로드 문제 Ajax로 된 탭

내 application.js :

$(function() { 
    $("#tabs").tabs({ 
     ajaxOptions: { 
      error: function(xhr, status, index, anchor) { 
       $(anchor.hash).html(
        "Couldn't load this tab. We'll try to fix this as soon as possible. " + 
        "If this wouldn't be a demo."); 
      } 
     } 
    }); 
});

내 프로필 show.html.erb :

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

내에서 MessagesController _profile_messages 부분 :

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

방화범 본 여기

<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">

는 탭이다 : 여기서

516,는 jQuery를 UI 탭의 HTML 출력이다

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

방화범 제 2 링크 등을 나타낸다는 사실 # ui-tabs-1은 나에게 이상한 것처럼 보입니다. 그런 다음 "messages"링크를 클릭하여 @ user.messages를로드하면 Firebug는 오류 Failed to load resource: the server responded with a status of 404 (Not Found) - :3000/profiles/messages/profile_messages을 표시합니다.

출처

2011-09-26 tvalent2