2

Пишу проект на Yii2, и делаю одну кнопку, "Оценить", пользователь на нее нажимает, и аяксом данные должны передаться в контроллер и экшн, в опере и хроме срабатывает всё отлично, а Firefox не поддается ни в какую. То есть в фаерфоксе пользователя перекидывает по ссылке в этот экшн прямо в браузере. И да, прогуглил наверно весь интернет, не помогло. Версия Firefox - 52.0.1. Кто-то сталкивался с вот таким вообще? Вот все вариации которые я уже успел сделать, и которые не привели к успеху

$('.like-btn').on('click', function(e) {
    e.preventDefault();

$('.like-btn').on('click', function(e) {
    e = $.event.fix(e);
    e.preventDefault();

 $('.like-btn').on('click', function(event) { 
event.preventDefault ? event.preventDefault() : (event.returnValue = false);

И конечно же вариант, где в конце return false; (тоже не сработал)

Yii2:

<?= Html::a(Html::button(Html::img(Yii::getAlias("@web") . '/images/like-unactive.png', 
  ['width' => '20px', 'class' => 'like-btn', 'data-id' => $photo->id ]),
  ['class' => 'floating-like', 'name' => 'like', 'value' => $photo->id]),
  ['profile/like', 'id' => $photo->id])
?>

HTML:

<a href="/profile/like?id=50">
  <button type="button" class="floating-like" name="like" value="50">
    <img class="like-btn" src="/images/like-unactive.png" width="20px" alt="" data-id="50">
  </button>
</a>
16
  • должно работать. Код вообще в обработчик попадает?
    – user176262
    27 мар 2017 в 14:45
  • если Вы имеете ввиду подгружается ли JS - то да, в испекторе глянул, и код именно тот, который я описал в одном из примерах. Почему не срабатывает приложить ума вообще не могу
    – idriverx
    27 мар 2017 в 14:54
  • я имел в виду, выполняется ли function(e) { .... Вставьте туда первой строчкой alert("Click");.
    – user176262
    27 мар 2017 в 14:57
  • Знаете, что странно, но действительно не попадает. Алерт не выводится. По какой причине такое может быть вообще?
    – idriverx
    27 мар 2017 в 15:03
  • 1
    почему вам вообще понадобился preventDefault при клике на картинке?
    – vp_arth
    27 мар 2017 в 15:45

1 ответ 1

3

Как верно углядел @vp_arth, Вы назначаете обработчик для img, но событие всплывает до а.

$('.like-btn').closest('a').on('click', function(e) {
  e.preventDefault();
  ...
});
7
  • Свершилось! Спасибо огромнейшее! Но вопрос почему оно работало в двух браузерах, а в одном нет - остается открытым для меня)
    – idriverx
    27 мар 2017 в 16:13
  • 1
    @idriverx да, согласен. Мне тоже хотелось бы разобраться. В качестве первого предположения: FF по-другому обрабатывает клики на элементы внутри линков, которые в стандартном случае должны вести к загрузке другой страницы.
    – user176262
    27 мар 2017 в 16:15
  • Еще прошу прощения, а у меня эта запись выглядит наверно слишком усложненной? Упростить ее возможно? Я просто картинку внутри кнопки сделал, чтоб была не стандартная кнопка, а нужное изображение. И потому запись где 3 вложенных тэга мне кажется совсем не очень
    – idriverx
    27 мар 2017 в 16:22
  • 1
    @idriverx, просто перенесите класс-селектор прямо в ссылку.
    – vp_arth
    27 мар 2017 в 16:28
  • 1
    @idriverx не совсем понятно, зачем Вам ссылка, которая не выглядит как ссылка и не работает как ссылка. Не достаточно ли оставить просто кнопку с картинкой, а обработчик вешать на кнопку?
    – user176262
    27 мар 2017 в 16:31

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.