A
Что нужно прочитать,чтоб можно было такие же регулярки делать
Доку на мдн по регуляркам. Есть всякие статьи. Но не сказал, бы что это очень полезные знания. Используется довольно редко, забывается быстро. Проще по надобности нагуглить )
Size: a a a
2021 March 24
2021 March 25
AM
привет всем! помогите, плз... Есть куча карточек, которые формируются динамически из php с одинаковой кнопкой (поделиться в соцсетях). Все работает, но! нажимаю на одну кнопку, срабатывают сразу все. Задала кнопкам data-id, в скрипте эту дата-айди получаю, а дальше ступор какой-то...
AM
? никто не знает?
Z
? никто не знает?
Никто кода не видит
AM
<?= Html::Button('<img src="/img/catalog/icons/Share.png" alt="Поделиться">', [
'class' => 'cartProductsImgSplit',
'data-id' => $product->id,
]); ?>
'class' => 'cartProductsImgSplit',
'data-id' => $product->id,
]); ?>
AM
этоо кнопка, их много, в каждой карточке, соответственно, дата-айди по айди продукта
AM
<div id="<?php $product->id ?>" class="ya-share2 hide" data-curtain data-size="m" data-shape="round"
data-services="vkontakte,facebook,telegram,twitter,whatsapp">
</div>
data-services="vkontakte,facebook,telegram,twitter,whatsapp">
</div>
J
всмысле срабатывают все, вмысле взрываются или че, вы че там минируете?
AM
это код с toggleClass
AM
не, не минирую. Пока. У меня просто в каждой карточке кнопка поделиться в соцсетях
AM
$('.cartProductsImgSplit').on('click', function (){
$(".ya-share2").toggleClass('hide');
})
$(".ya-share2").toggleClass('hide');
})
AM
ну а это скриптик такой маленький. Для одной кнопки больше и не надо, но у меня срабатывают все 9 сразу... А мне надо, чтоб срабатывала только одна кнопка, которую нажимаю
AM
В js не сильна совсем, в процессе изучения,
J
а где this почему вы выбираете все елементы
Z
ну а это скриптик такой маленький. Для одной кнопки больше и не надо, но у меня срабатывают все 9 сразу... А мне надо, чтоб срабатывала только одна кнопка, которую нажимаю
Не знаю я ваш жуйквери, но я повесил бы обработчик и по e.targety выбирал бы нужный объект
AM
$('.cartProductsImgSplit').on('click', function (){
let buttonNumber = $(this).data("id");
// alert(buttonNumber);
$(".ya-share2").toggleClass('hide');
})
let buttonNumber = $(this).data("id");
// alert(buttonNumber);
$(".ya-share2").toggleClass('hide');
})
J
$('.cartProductsImgSplit').on('click', function (){
let buttonNumber = $(this).data("id");
// alert(buttonNumber);
$(".ya-share2").toggleClass('hide');
})
let buttonNumber = $(this).data("id");
// alert(buttonNumber);
$(".ya-share2").toggleClass('hide');
})
$(this).toggleClass('hide')????
J
чет я джиквери забыл
AM
this вот, и buttonNumber я получаю правильный, но как теперь мне сказать, какой из дивов должен показываться?