1

私は Ruby on Rails と Javascript の両方に慣れていないため、どのように進めればよいかわかりませんでした。おしゃれな JQuery UI コンポーネント、特に Datepicker と Tabs を使用するアプリがあります。どちらも機能しますが、ページを少なくとも 1 回更新した場合にのみ機能します。最初のロード時に、jquery javascript ファイルが app/assets/javascripts に存在しないかのように html を取得します。

何か案は？最初の読み込みに失敗した場合、ページを自動的に更新するにはどうすればよいですか?

アプリケーション.js:

$(function() {
  $("#event_start_time").datepicker();
  $("#tabs").tabs();
});

view.html.erb:

<div id="tabs">
  <ul>
    <li><a href="#students"><span>Students</span></a></li>
    <li><a href="#teachers"><span>Teachers</span></a></li>
  </ul>
  <div id="students">
    <%= render 'sessions/student_login_details' %>
  </div>
  <div id="organisations">
    <%= render 'sessions/teacher_login_details' %>
  </div>
</div>

application.html.erb:

  <head>
    <%= yield :scripts %>
    <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
    <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  </head>
  <body>
    <%= render 'layouts/header' %>
    <div class="container">
      <%= yield %>
      <%= render 'layouts/footer' %>
    </div>
  </body>

編集：さて、解決しました。ビリヤードルームのターボリンクスで、リードパイプがありました。この宝石https://github.com/kossnocorp/jquery.turbolinksは、Javascriptが正常に機能しないことがある理由を説明しています。皆さんありがとう！

4

1 に答える 1

0

application.jsにターボリンクjsファイルを含めずにターボリンクを使用しています

//= require turbolinks
于 2013-08-19T10:35:11.760 に答える