Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jquery accordeon <table>, jqery не работает с <table></table>? 
V
    Опции темы
Marlik
Дата 28.8.2011, 08:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Всем привет, есть простая гармонь, и есть файл текстовый в котором таблица. Текстовый файл инклудится на страницу. Пристраиваю гармонь в текстовый файл, и никакого эффекта, только анкоры появились по которым жать надо. При нажатии слегка дергается и все. Собсно вопросик: 

Jquery не работает с файлами в которых существуют таблицы?

Потому как та-же гармонь работает на отдельной странице, но там только текст, есть <div>, <p>, через них управление, и есть <br> и все. Спасибо за помощь.
PM WWW Skype   Вверх
ayax2005
Дата 29.8.2011, 15:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 2
Всего: 11



Код в студию


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
Marlik
Дата 29.8.2011, 17:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Да проблема мне кажется не в коде. Вчера воссоздал с помощью дивов, та-же самая песня. Но в jquery я вообще-то далек.

Код

<script>
$(document).ready(function(){
        $(".accordion h3:first").addClass("active");
        $(".accordion p:not(:first)").hide();
     
        $(".accordion h3").click(function(){
 
            $(this).next("p").slideToggle("slow")
            .siblings("p:visible").slideUp("slow");
            $(this).toggleClass("active");
            $(this).siblings("h3").removeClass("active");
         });
      
     });
    </script>


Код работает так:

Код

<div class="accordion">

    <h3>Общие положения</h3>
    <p>
</p>
</div>


Все что между <p> и </p> это текст который скрывается. div настраивает общий вид на страничке. Вот при таблице или через div'ы между <p> </p> информация не скрывается, а должна быть гармоника . Не понимаю как победить. Спасибо. 















PM WWW Skype   Вверх
ayax2005
Дата 29.8.2011, 19:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 2
Всего: 11



Честно говоря, то что инклюдите тоже хочется увидеть


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
Amphiluke
Дата 29.8.2011, 19:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 17
Всего: 112



Уж не пихаете ли вы таблицу в элемент <p>?
Если так, то советую вам открыть Firebug и посмотреть состояние дерева DOM в runtime, так сказать. И вы увидите, что <p> выталкивает из себя элементы, не являющиеся инлайновыми. Замените <p> на какой-нибудь <div>, и все получится. smile 
PM   Вверх
Marlik
Дата 29.8.2011, 20:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Простите за безобразие, но вот код, который инклудтся: 

Код

<table width='100%'><tr><td align='left'>1.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=4 '>Серж Счастливый</a></td><td align='center'>224</td><td align='center'>руб.</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>2.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=25 '>Zirrus</a></td><td align='center'>212</td><td align='center'>руб.</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>3.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=3 '>Сергей Балаш</a></td><td align='center'>194</td><td align='center'>руб.</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>4.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=9 '>Оленька</a></td><td align='center'>171</td><td align='center'>10</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>5.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=5 '>Василий Уткин</a></td><td align='center'>168</td><td align='center'>10</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr>
<tr><td align='left'>6.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=23 '>Андрей Колдин</a></td><td align='center'>160</td><td align='center'>10</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>7.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=1 '>Marlik</a></td><td align='center'>140</td><td align='center'>10</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>8.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=7 '>akaDimasik</a></td><td align='center'>138</td><td align='center'>10</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>9.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=28 '>Ayteko</a></td><td align='center'>102</td><td align='center'>8</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>10.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=39 '>Slonomoska</a></td><td align='center'>101</td><td align='center'>6</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>11.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=43 '>клим</a></td><td align='center'>85</td><td align='center'>5</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>12.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=40 '>тихон</a></td><td align='center'>68</td><td align='center'>6</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr><tr><td align='left'>13.</td><td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=46 '>Мигель</a></td><td align='center'>32</td><td align='center'>3</td></tr><tr><td height='5' align='left'></td><td align='center'></td><td align='center'></td></tr></table>



PM WWW Skype   Вверх
ayax2005
Дата 30.8.2011, 08:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 2
Всего: 11



Я не поленился и собрал ваш код, и он работае (FF).
Тут два вопроса:
Как вы инклюдите?
Вы точно подключаете jquery?


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
Marlik
Дата 30.8.2011, 10:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Спасибо Вам. Может что и с инклудом. Покажите плз. как у Вас работает, код и все такое, спс. CMS Movable Type Вам наверное это ни о чем не скажет. Делаю через эту CMS инклуд файла(есть такая фишка). Я себе весь мозг вынес, да и люди ждут.  Спасибо.
PM WWW Skype   Вверх
ayax2005
Дата 30.8.2011, 10:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 2
Всего: 11



<$mt:Include file="/var/www/ПУТЬКФАЙЛУ"$> Так что ли инклюдите? Проверьте наличие файла, правильность пути. У вас гдк-то совсем простая ошибка.

Вот ваш код, который в чистом виде замечательно работает:
Код

<html><head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    </head>
    <body>
        <script>
            $(document).ready(function(){
                $(".accordion h3:first").addClass("active");
                $(".accordion p:not(:first)").hide();

                $(".accordion h3").click(function(){

                    $(this).next("p").slideToggle("slow")
                    .siblings("p:visible").slideUp("slow");
                    $(this).toggleClass("active");
                    $(this).siblings("h3").removeClass("active");
                });

            });
        </script>

        <div class="accordion">
            <h3>Общие положения</h3>
            <p>
            <table width='100%'>
                <tr>
                    <td align='left'>1.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=4 '>Серж Счастливый</a>
                    </td><td align='center'>224</td><td align='center'>руб.</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>2.</td>
                    <td align='left'><a href='http://www.kaper.pro/statistika-prognozista.shtml?u=25 '>Zirrus</a></td>
                    <td align='center'>212</td>
                    <td align='center'>руб.</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>3.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=3 '>Сергей Балаш</a>
                    </td>
                    <td align='center'>194</td>
                    <td align='center'>руб.</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>4.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=9 '>Оленька</a>
                    </td>
                    <td align='center'>171</td>
                    <td align='center'>10</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>5.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=5 '>Василий Уткин</a>
                    </td>
                    <td align='center'>168</td>
                    <td align='center'>10</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>6.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=23 '>Андрей Колдин</a>
                    </td>
                    <td align='center'>160</td>
                    <td align='center'>10</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>7.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=1 '>Marlik</a>
                    </td>
                    <td align='center'>140</td>
                    <td align='center'>10</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>8.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=7 '>akaDimasik</a>
                    </td>
                    <td align='center'>138</td>
                    <td align='center'>10</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>9.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=28 '>Ayteko</a>
                    </td>
                    <td align='center'>102</td>
                    <td align='center'>8</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>10.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=39 '>Slonomoska</a>
                    </td>
                    <td align='center'>101</td>
                    <td align='center'>6</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>11.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=43 '>клим</a>
                    </td>
                    <td align='center'>85</td>
                    <td align='center'>5</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>12.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=40 '>тихон</a>
                    </td>
                    <td align='center'>68</td>
                    <td align='center'>6</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
                <tr>
                    <td align='left'>13.</td>
                    <td align='left'>
                        <a href='http://www.kaper.pro/statistika-prognozista.shtml?u=46 '>Мигель</a>
                    </td>
                    <td align='center'>32</td>
                    <td align='center'>3</td>
                </tr>
                <tr>
                    <td height='5' align='left'></td>
                    <td align='center'></td>
                    <td align='center'></td>
                </tr>
            </table>
        </p>
    </div>
</body>
</html>





--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
Marlik
Дата 31.8.2011, 11:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Да, файл инклудится таким образом. Но библиотеки были подключены в файле который отвечает за заголовок, так:

Код

<script type="text/javascript" src="http://www.kaper.pro/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.kaper.pro/jquery-ui-1.8.4.custom.min.js"></script>


Ваш вариант работает на чистой странице, а вот если создать страницу или виджет в Movable Type, и воткнуть туда код, то не работает. Я сначала подумал что jguery не умеет работать с таблицами.

Попробовал удалить библиотеки и подключить гугловскую как у вас в коде, не работает. Куда рыть не знаю. Вот сейчас еще поковыряюсь может что и получится.
PM WWW Skype   Вверх
ayax2005
Дата 31.8.2011, 11:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 2
Всего: 11



Покажите исходный html сгенерированной страницы


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
Marlik
Дата 31.8.2011, 12:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Вот рабочий вариант страницы, но в ней нет таблиц и она работает. Вот ваш вариант, но уже с таблицами. И не работает. Правда ссылку на библиотеку в гугл убрал, потому что все равно ни так ни так не работало.
PM WWW Skype   Вверх
Amphiluke
Дата 31.8.2011, 21:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 17
Всего: 112



Marlik, ну вы бы хотя б попробовали (хотя б интереса ради), что я вам сказал уж два дня назад как.
Цитата(Amphiluke @  29.8.2011,  23:17 Найти цитируемый пост)
Замените <p> на какой-нибудь <div>, и все получится.

Мало того, что заработает, так еще и код будет более валидным.

Код

            $(document).ready(function(){
                $(".accordion h3:first").addClass("active");
                $(".accordion div:not(:first)").hide();

                $(".accordion h3").click(function(){

                    $(this).next("div").slideToggle("slow")
                    .siblings("div:visible").slideUp("slow");
                    $(this).toggleClass("active");
                    $(this).siblings("h3").removeClass("active");
                });

            });

Код

            ...
            <h3>Общие положения</h3>
            <div>
            <table width='100%'>
                <tr>
             ...


Впрочем, как хотите. Если вам надо, можно и костыли подставить под невалидный код, чтобы и он заработал.

Это сообщение отредактировал(а) Amphiluke - 31.8.2011, 21:59
PM   Вверх
Marlik
  Дата 31.8.2011, 23:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Дико извиняюсь, я так далеко просто не заглядываю, щас попробую. Спасибо.

Все заработало спасибо.

Это сообщение отредактировал(а) Marlik - 31.8.2011, 23:57
PM WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0912 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.