在Rails中使用ajax实现jquery ui选项卡？

Question

有谁知道我在哪里可以找到一些示例代码,用于在Ruby on Rails 3中使用jquery ui实现ajax选项卡？根据我在表单和评论处理中找到的示例,我无法找到任何似乎无法使其工作的内容.请注意,我对铁轨上的红宝石很新.

基于jquery ui选项卡和jquery站点的ajax示例,我有以下代码:

简单的控制器 - maps_controller.rb

  def index
  end

  def test1
    @test = "test string"
  end

关联视图 - index.html.erb

<script>
        $(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." );
                    }
                }
            });
        });
        </script>



<div class="demo">

<div id="tabs">
    <ul>
        <li><a href="#content_area">Preloaded</a></li>
        <li><%= link_to "Test1" , test1_path %></li>
    </ul>
    <div id="content_area">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
    </div>
</div>

</div><!-- End demo -->

test1.html.erb

<%= @test %>

ajax功能似乎有效.单击test1选项卡时,整个页面将加载到具有相应数据的div中.显然这不是所需的功能 - 我只想显示test1.html.erb,而不是使用application.html.erb呈现.

我还发现了各种使用具有.js.erb文件的约定的rails特定示例.(http://blog.bernatfarrero.com/jquery-and-rails-3-mini-tutorial/)

对此的任何输入都会很棒.

Answer 1

将您的 javascript 代码放入 application.js 文件中，将其包含在您的视图中，然后就可以开始了。