а скрытие блоков в display: none, проблему производительности не решаетВы правы. Именно поэтому придумали srcset
Есть переменная, которая хранит функцию для вызова.Вот здесь первое заблуждение. Не хранит она функцию. В переменной ссылка (указатель) на функцию, и таких ссылок-переменных может быть несколько. И когда вы делаете
pup.btnHandler = function() ...
, то переменная теперь указывает на другую функцию, но старая функция, которая уже привязана - никуда не исчезает.$authors = [
1 => [
'id' => 1,
'name' => 'Николай Васильевич',
'email' => 'gogol@gogol.ru',
'birth_date' => '1809',
],
2 => [
'id' => 2,
'name' => 'Пушкин',
'email' => 'alexandr@sergeevich.ru',
'birth_date' => '1799',
],
3 => [
'id' => 3,
'name' => 'Марк Твен',
'email' => 'mark@foo.bar',
'birth_date' => '1835-10-30',
],
];
$books = [
1 => [
'id' => 1,
'author_id' => 1,
'name' => 'Мертвые души',
'publication_date' => '1841',
],
2 => [
'id' => 2,
'author_id' => 1,
'name' => 'Вий',
'publication_date' => '1834',
],
3 => [
'id' => 3,
'author_id' => 2,
'name' => 'Пиковая дама',
'publication_date' => '1833',
],
// добавьте еще
];
'hello world foo bar'.split(' ').length // -> 4
// ура, мы посчитали количество слов! \☻/
// теперь slice или splice чтобы взять часть массива
// склеить обратно (join) и добавляете в конце
// + '<a href="">читать дальше</a>'
let foo = `<div class="mySlideshow">
<img src="https://cdn.wallpapersafari.com/15/32/0IAiM3.jpg">
<img src="https://cdn.wallpapersafari.com/15/32/0IAiM3.jpg">
<img src="https://cdn.wallpapersafari.com/15/32/0IAiM3.jpg">
</div>`
// заталкиваем в модалку любой html код
$('#image-modal .modal-body').html(foo)
// вот здесь нужно запустить слайдер!!!1
// и показываем модалку
$("#image-modal").modal('hide')
// возможно в другом порядке
// не знаю какой у вас слайдер и запустится ли он нормально в скрытом виде.
jQuery( "input#estate_proprietor_phone" ).autocomplete(...)
?let inputWithAutocomplete = $('#estate_proprietor_phone')
if ( inputWithAutocomplete.length ) {
inputWithAutocomplete.autocomplete(...)
}
if (jQuery.autocomplete) {
...
}
select.addEventListener('change', function() {
console.log(this.value)
// срабатывает при каждом изменении селекта
// делайте свои расчеты
})