Сократить JS-код

@Focus_RS · Регистрация: 04.05.2014

Студворк — интернет-сервис помощи студентам

Добрый день. Как можно сократить этот JS-код?

JavaScript
1
2
3
4
5
6
7
8
$(document).ready(function(){
$(".btn-mymodal").click(function() {
$("#myModal").modal('show');
});
$(".btn-addprice").click(function() {
$("#additionalprice").modal('show');
});
});

@Balanaar · 08.11.2017, 10:00

Вы можете назначить вашим кнопкам в разметке дополнительный атрибут, который будет содержать id модального окна, которое необходимо открыть при клике. Например:

HTML5
1
2
<button class="btn-modal" data-modal="myModal">Открыть myModal</button>
<button class="btn-modal" data-modal="additionalprice">Открыть additionalprice</button>

JavaScript
1
2
3
4
5
$(document).ready(function(){
  $(".btn-modal").click(function() {
    $($(this).data('modal')).modal('show');
  });
});

@j2FunOnly · 08.11.2017, 10:26

Сообщение от Balanaar

дополнительный атрибут, который будет содержать id модального окна

Чуть исправлю - id начинается с символа #

HTML5
1
<button class="btn-modal" data-modal="#myModal">Открыть myModal</button>

Иначе приведенный пример скрипта не взлетит.

@Balanaar · 08.11.2017, 16:26

Либо так:

JavaScript
1
2
3
4
5
$(document).ready(function(){
  $(".btn-modal").click(function() {
    $('#'+$(this).data('modal')).modal('show');
  });
});

Добавлено через 5 часов 16 минут

Не по теме:

Куда оценки сообщений делись?

@dailydose · 12.11.2017, 17:32

Сообщение от Focus_RS

Добрый день. Как можно сократить этот JS-код?

JavaScript
1
2
3
4
5
6
7
8
$(document).ready(function(){
$(".btn-mymodal").click(function() {
$("#myModal").modal('show');
});
$(".btn-addprice").click(function() {
$("#additionalprice").modal('show');
});
});

ну напр вот так

JavaScript
1
$(document).ready(function(){$(".btn-mymodal").click(function(){$("#myModal").modal("show")}),$(".btn-addprice").click(function(){$("#additionalprice").modal("show")})});

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/