-1

簡単に言うと、「.hide()」関数が機能していません。私は jquery-rails gem を使用しており、application.js に適切なステートメントがあります。

これが私のコードです：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script> 
$(document).ready(function() { 
   $(document).ajaxSuccess(function() {
      $("#ld").hide();
      //alert('Hooray!');
   });
});
</script>

layouts/application.html.erb には

<!DOCTYPE html>
<html>
   <head>
      <title><%= full_title(yield(:title)) %></title>

      <%# two lines below allow for device-responsive formatting, see twitter-bootstrap    page%>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

      <%= stylesheet_link_tag "application", media: "all" %>
      <%= javascript_include_tag "application" %>
      <%= javascript_include_tag :highcharts %>
      <%= csrf_meta_tags %>
      <%= render 'layouts/shim' %>
   </head>

   <body>
      <%= render 'layouts/header' %>
      <div class="container">
         <%= yield %>
         <%= render 'layouts/footer' %>
         <%= debug(params) if Rails.env.development? %>
      </div>
   </body>
</html>

編集：

1) これに変更しても、hide() は機能しません。ブラウザでページのソースを表示すると、assets/jquery.js もはっきりと表示されます。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

2）私が持っているHTMLで：

<div id="#ld">
  <%= image_tag("ajax-loader.gif", :alt => "test image") %>
</div>
4

1 に答える 1

1

div の ID からハッシュを削除#します。

<div id="ld">

.クラス ( ) またはタグ名 (プレフィックスなし) ではなく、id を探していることを示すために、CSS および jQuery のシズル セレクターにのみ入れたハッシュ。

于 2013-02-24T00:34:00.163 に答える