无法在rails 3中打开多个jquery ui对话框

Question

请使用Rails3和jquery-ui来帮助解决这个问题。

在我看来，我有：

<div class="container">
    <div class="contents">
    <% @questions.each do |question| %><br />
       <li>
           <button class="opendialog">Delete</button>
           <div class="info" title="Delete Request">
               Question:<b><%= question.content %></b>
           </div>
       </li>
    <% end %>
    </div>
</div>

在我的application.js中，我有：

$(function() {
  $('.opendialog').each(function() {  
    $.data(this, 'dialog', 
      $(this).next('.info').dialog({
        autoOpen: false,
        modal: true
      })
    ); 
  }).click(function() {  
      $.data(this, 'dialog').dialog('open');
      return false;  
  });
});

我遇到的问题是，当我单击它们各自的按钮时，没有一个对话框打开。代码在jsfiddle here中运行良好，但在我的code.How中没有运气我能解决this.In我的应用程序有一些地方，我打开一个对话框并运行良好，就是这段代码，当我点击相应的按钮时，它不想打开对话框。

谢谢你的帮助。

Answer 1

在谷歌搜索之后，我发现我在样式表中的加载是不正确的。我包含的.js文件如下所示

1)。使用-J创建新的项目跳过原型：

rails new -J test -d mysql

2)。修改Gemfile，添加JQuery：

gem 'jquery-rails'

3)。捆绑包更新：

bundle update rails

4)。生成JQuery，--ui表示使用JQuery UI：

rails generate jquery:install --ui

5)。修改config/application.rb：

config.action_view.javascript_expansions[:defaults] = %w(jquery jquery-ui rails application)

注意我是如何在application.rb文件中加载application.js的。

然后在我的application.html.erb文件中，我用application.js加载，如下所示

<%= javascript_include_tag :defaults %>

但是，当我查看html的源代码时，我注意到application.js被加载了两次，导致了冲突。

在application.rb中，我将这一行改为：

config.action_view.javascript_expansions[:defaults] = %w(jquery jquery-ui rails)

重新启动服务器，一切正常。简单错误