VPF::JQuery работа над элементами DOM в отдельности

spiderlab

Дата 10.8.2011, 13:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Здравствуйте!
Есть код

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Главная страница</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
        $(document).ready(function(){
        $("button#c").click(function () {
        $("div#t").slideToggle("slow");
        });
        });
        </script>
</head>
<body>
<button id='c'>Toggle</button>
<div id='t' style='border: 1px red solid; float: none; display: none;'>Some text1</div>

<button id='c'>Toggle</button>
<div id='t' style='border: 1px red solid; float: none; display: none;'>Some text2</div>

<button id='c'>Toggle</button>
<div id='t' style='border: 1px red solid; float: none; display: none;'>Some text3</div>

<button id='c'>Toggle</button>
<div id='t' style='border: 1px red solid; float: none; display: none;'>Some text4</div>
</body>
</html>

кнопки и слои под ними генерятся скриптом. Скрипт подразумевает что на главной странице сайта могут быть несколько новостей, поэтому выводит 4 блока. Когда жмёшь на кнопку раскрываются все слои, а надо только там где нажал. Как?

нуп

Дата 10.8.2011, 13:30 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

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

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

Нужно ставить разные id

spiderlab

Дата 10.8.2011, 13:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Допустим разные ид можно... А как тогда обойтись одним блоком яваскрипт кода?. Просто я забыл как делается, что когда нажимаешь на кнопку, то идёт радота именно с этой кнопкой. Что-то связано с this

нуп

Дата 10.8.2011, 13:42 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

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

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

Код


$("button").click(function () {

Это для всех кнопок будет. Но вам ещё надо узнать какой именно div показать

spiderlab

Дата 10.8.2011, 13:43 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Вот вот, а вот как это узнать? запара

нуп

Дата 10.8.2011, 13:59 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

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

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

Я так делаю

Код


<button ref="div_1">Toggle</button>
<div id='div_1' style='border: 1px red solid; float: none; display: none;'>Some text1</div>

<button ref="div_2">Toggle</button>
<div id='div_2' style='border: 1px red solid; float: none; display: none;'>Some text1</div>

Код


 $(document).ready(function(){
        $("button").click(function () {
                 var id = $(this).attr('ref');
                $("#" + id).slideToggle("slow");
         });
});

spiderlab

Дата 10.8.2011, 14:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Я сделал точно так же

Код


<script>
        $(document).ready(function(){
        $("button").click(function () {
        var ti = $(this).attr("id");
        $("div#" + ti).slideToggle("slow");
        });
        });
        </script>

Но код не работает. Там что-то с кавычками, ибо этот код генерится через пхп вот так:

Код


$doc->addCustomTag('<script>
        $(document).ready(function(){
        $("button").click(function () {
        var ti = $(this).attr("id");
        $("div#" + ti).slideToggle("slow");
        });
        });
        </script>');

нуп

Дата 10.8.2011, 14:43 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

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

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

Так вы сравните мой код со своим

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »