Jquery hide не работает с Ruby / Rails - PullRequest
Новая
       10

Jquery hide не работает с Ruby / Rails

0 голосов
/ 24 августа 2011

Может быть, мне просто нужна новая пара глаз, потому что я что-то упустил.но это сводит меня с ума.Я пытаюсь скрыть простую таблицу, которая заполнена информацией от контроллера rails, и метод hide просто не будет работать!

Я предполагаю, что это должна быть моя конфигурация.Должен быть файл, который мне нужен, похожий на jquery.rails.js, или что-то еще, чтобы его использовать.

Вот мой HTML: 

 <div id="hidden-div" style="">
                <table id ="hidden-content-table" style="">
                    <thead>
                    <tr>
                        <td>Links:</td>
                        <td>Occurence:</td>
                    </tr>
                    </thead>
                    <tbody>
                    <% @hashToShow.each_with_index do|k,v,index|%>
                    <tr class = "values-from-ruby">
                        <td class = "keys" id = "key<%=index%>"><%=k%></td>
                        <td class = "values" id = "value<%=index%>"><%=v%></td>
                    </tr>
                    <%end%>
                    </tbody>
                </table>
            </div>

Не забывая теги include вверху 

<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js", "jquery.rails.js"%>
<%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"%>
<%= javascript_include_tag "siteSummary.js" %>
<%= javascript_include_tag "http://www.google.com/jsapi"%>
<%= javascript_include_tag "./siteSummaryJavascripts/siteSummaryInternalLinks.js"%>

<%= stylesheet_link_tag 'siteSummary.css'%>
<%= stylesheet_link_tag 'sitesummaryinternallinks.css'%>

, который генерирует: 

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="/javascripts/jquery.rails.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js" type="text/javascript"></script>
    <script src="/javascripts/siteSummary.js?1313580205" type="text/javascript"></script>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>

    <script src="/javascripts/./siteSummaryJavascripts/siteSummaryInternalLinks.js?1314181692" type="text/javascript"></script>

    <link href="/stylesheets/siteSummary.css?1314098729" media="screen" rel="stylesheet" type="text/css" />
    <link href="/stylesheets/sitesummaryinternallinks.css?1314123919" media="screen" rel="stylesheet" type="text/css" />

ПРИМЕЧАНИЕ. Кажется, в моем HTML-коде начинаются две головы.один пытается найти все файлы rails по умолчанию, а другой - мои собственные теги Javascript.

Наконец, вот мой Javascript, который должен скрывать таблицу 

$(document).ready(function() {

//    var $divtable = document.getElementById("hidden-content-table");
//    $divtable.hide('slow', function() {
//        alert('Animation complete.');
//    });


    var $divtable = $("hidden-content-table");
    $divtable.hide('slow', function() {
        console.log("HIDDEN");
    });

    console.log("DOCUMENT READY");
    console.log($divtable);
});

1 Ответ

1 голос
/ 24 августа 2011

Да, должно быть var $divtable = $("#hidden-content-table");

...