ruby-on-rails - 在 Rails 中使用 ajax 实现 jquery ui 选项卡？

Question

有谁知道我在哪里可以找到一些在 Ruby on Rails 3 中使用 jquery ui 实现 ajax 选项卡的示例代码？根据我找到的表单和评论处理示例，我找不到任何似乎无法使其工作的内容。请注意，我对 ruby​​ on Rails 很陌生。

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

简单 Controller - ma​​ps_controller.rb

  def index
  end

  def test1
    @test = "test string"
  end

关联 View - 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 呈现。

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

对此的任何意见都会很棒。

Answer 1

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