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

I AM

Прежде всего позвольте мне сказать, что я новичок в 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):

Carpinteyrompu

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

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

Похожие темы	Дата
Geekbrains] Javascript. Интерактивные веб-приложения	19.12.2024, 05:12
[Джон Резиг, Беэр Бибо, Josip Maras] Секреты JavaScript ниндзя, 2-е издание	19.12.2024, 05:12
Smartme - Разработка Enterprise Angular.js Приложения	19.12.2024, 05:12
Запрос комментариев: дорожная карта для платформы seductiveapps.	19.12.2024, 05:12
(Javascript) Функция, принимающая 180+переменная\3, ответ в часах и минутах.	19.12.2024, 05:12
Как динамически изменить диапазон выбора даты?	19.12.2024, 05:12
В vue.js используйте формат timeago.	19.12.2024, 05:12
Как приостановить и возобновить интервал	19.12.2024, 05:12
Попов JavaScript+Jquery	19.12.2024, 05:12
JavaScript. Интенсивный курс для верстальщиков - Лаврик (2017)	19.12.2024, 05:12

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

I AM

Granta

Man222

Vol4ok

Carpinteyrompu

I AM

Интересно