複数のjquery UIダイアログボックスをレール3で開くことができません

Question

これは、レール3と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でうまく動作しますが、私のコードではうまくいきません。私はこの問題を解決することができます。私のアプリケーションには、単一のダイアログボックスを開き、うまく動作する場所があります。私はそれぞれのボタンをクリックします。

ありがとうございました。

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.jbをどのようにロードしていたのでしょうか。私は私のhtmlのソースを見たときに、この

<%= javascript_include_tag :defaults %> 

は、しかし、私はapplication.jsは二回引き起こしてロードされていたことに気づいたよう

はその後、私のapplication.html.erbファイルに私はapplication.jsにロードされました紛争。 application.rbで

は、私は、その後に行を変更：

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

再起動サーバとすべてが良いです。単純なエラー