2013-02-24 6 views
-1

Очень просто, функция «.hide()» не работает. Я использую jquery-rails gem, и у меня есть правильные утверждения в application.js.Функция JQuery Hide не работает

Вот мой код:

<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> 

В раскладок/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> 

EDIT:

1) Если я изменяю изменения в этом, hide() все еще не работает. Я также ясно вижу активы/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> 
+0

.css() тоже не работает ... Где бы я нашел эти определения при просмотре источника страницы? – Krishna

+4

Можете ли вы добавить в него HTML вместо некоторого рубинового шаблона. Я не могу найти, где ваш тег с id «ld» должен быть ... –

+2

У вас есть jQuery? В вашем HTML только показан сценарий пользовательского интерфейса jQuery. –

ответ

1

Удалите # хэш из вашего Div идентификационному:

<div id="ld"> 

Хэш вы только положить в CSS и JQuery шипение селекторов скажем, что вы ищете идентификатор, а не класс (.) или имя тега (без префикса).

Смежные вопросы