многоразовый код

etmelis

Прежде всего позвольте мне сказать, что я новичок в javascript и jquery.

(опыта с ними почти нет) Я пытаюсь упростить повторное использование этого кода.

Я делаю прямоугольники с тремя точками вверху справа.

При нажатии открывается ящик.

Теперь на каждой странице могут быть десятки таких ручек/ящиков, так что это становится немного утомительным.

Вот что я имею в виду: Мне интересно, как/смогу ли я легко повторно использовать этот код.

 <script>


$(document).ready(function(){


$("#handle-[UNIQUE]").click(function(){


$("#drawer-[UNIQUE]").slideToggle(200);


});


});


</script>


<div class="box">


<div class="title titleGrid">


<div>Title</div>


<div class="dots" id="handle-[UNIQUE]"></div>


</div>


<div class="content" id="drawer-[UNIQUE]"><p>Content</p></div>


<div class="bfooter"></div>


</div>

Код (JavaScript): чтобы его можно было повторно использовать с любым количеством блоков, не переписывая его.

Вот полный пример моего кода:

 <script> $(document).ready(function(){ $("#handle-[UNIQUE]").click(function(){ $("#drawer-[UNIQUE]").slideToggle(200); }); }); </script>

Код (JavaScript): TIA за любую помощь!

Granta

Я, честно говоря, не знаю, что в этом страшного.

Ментальная хитрость, которой является jQuery, использование JavaScript для того, чтобы, возможно, сделать что-то, что не имеет отношения к JavaScript (мне нужно было бы увидеть это вживую на странице), использование навигационного DIV без клавиатуры, выполняющего либо , либо < работа input>, div > div, выполняющий работу пронумерованного заголовка, бесконечные бессмысленные классы впустую,

, выполняющий работу

, или тот факт, что вы просто случайно придумываете свою собственную сказочную чушь атрибуты, которые никоим образом не являются допустимыми HTML.

Сиськи Андрасте, что за дерьмо.

Черт, учитывая то, что он делает, возможно, ему даже не понадобится JavaScript или CSS благодаря подробностям/сводке.

man222

Поигравшись еще немного, я изучил еще немного jquery! Вот мой улучшенный и, я думаю, окончательный код:

 <div class="box">


<div class="title titleGrid">


<div>TEST</div>


<div class="dots" handle="UNIQUE"></div>


</div>


<div class="content" drawer="UNIQUE">


<p>test</p>


</div>


<div class="bfooter"></div>


</div>

Код (JavaScript): Тогда я смогу создать столько коробок, сколько захочу, вот так:

  <script> $(document).ready(function(){ $("[handle]").click(function(){ var theid = $(this).attr("handle"); $("[drawer='" + theid + "']").slideToggle(200); }); }); </script>

Код (JavaScript): Теперь я могу сделать что угодно ручкой и все что угодно — ящиком! я не знал о $("[что угодно]") селектор. Прохладный

Vol4ok

Если кому-то интересно, я заставил его работать методом проб и ошибок. Кажется, это работает нормально:

 <script>


$(document).ready(function(){


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


var theid = $(this).attr("handle");


$("#drawer-" + theid).slideToggle(200);


});


});


</script>


<div class="box">


<div class="title titleGrid">


<div>TEST</div>


<div class="dots" handle="02"></div>


</div>


<div class="content" id="drawer-02">


<p>test</p>


</div>


<div class="bfooter"></div>


</div>


<div class="box">


<div class="title titleGrid">


<div>TEST</div>


<div class="dots" handle="03"></div>


</div>


<div class="content" id="drawer-03">


<p>test</p>


</div>


<div class="bfooter"></div>


</div>

Код (JavaScript):

лисый

Я не использую такие программы, как jQueery, поэтому не могу ответить на ваш вопрос. Кроме того, я очень мало знаю о JavaScript, поэтому не смогу вам помочь. Однако, если бы это был FoxPro, я мог бы немедленно привести пример. Фактически, вот упрощенный пример в FoxPro.
ФУНКЦИИ МНОГОФУНКЦИОНАЛЬНЫЕ
ПАРАМЕТРЫ qNum, qMult
z = qNum * qMult
ВОЗВРАТ z

? МУЛЬТ(2, 3)
? МУЛЬТ(3, 4)
? МУЛЬТ(4, 8) Это печатает 6, 12 и 32.

Похожие темы	Дата
Geekbrains] Javascript. Интерактивные веб-приложения	19.10.2024, 18:10
[специалист] Эксперт По Программированию На Javascript ( Jquery Ajax Node.js) (2014)	19.10.2024, 18:10
попытка назначить функцию раскрывающемуся меню с границами	19.10.2024, 18:10
Datepicker отключил даты из текстового файла	19.10.2024, 18:10
RSS-тиклер не тикает при использовании набора ссылок, а не текстов: что не так?	19.10.2024, 18:10
Центрирование пользовательских отметок на карте Google	19.10.2024, 18:10
Пользовательские сообщения об ошибках в контактной форме HTML5	19.10.2024, 18:10
Сохранить состояние вкладки – HTML5 localStorage	19.10.2024, 18:10
Справка по Javascript	19.10.2024, 18:10
[CBS] Javascript Advanced	19.10.2024, 18:10

многоразовый код

etmelis

Granta

man222

Vol4ok

лисый

I AM

Интересно