Вспышка экрана при добавлении класса по клику jquery

Question

Вспышка экрана при добавлении класса по клику jquery

0

Я добавил событие click для некоторых таблиц цен, поэтому они применяют класс анимации для мобильных устройств. Он работает, но каждый раз, когда я нахожусь на iphone, и я выбираю параметр ценообразования, он мигает экраном, прежде чем он применяет класс, есть ли способ избавиться от этого?

Чтобы увидеть флешку, просмотрите на iphone или мобильном устройстве, расположенном здесь: http://codepen.io/bskousen/pen/ijqBo

Brendan 23 янв. 2014, в 17:14

Источник

Теги:

javascript

jquery

css

iphone

1 ответ

Ещё вопросы

epascarello · Answer 1 · 2014-01-23T13-30-00.000Z

Ваш код не имеет смысла

$(".box").click(function(){
   $(this).parent().addClass("circle");

  }).click(function(){
       $(this).parent().removeClass("circle");
});

Вы в основном делаете это

$(".box").click(function(){
   $(this).parent().addClass("circle");
   $(this).parent().removeClass("circle");
});

Если вы хотите переключить класс с несколькими щелчками, вы должны использовать toggleClass()

$(".box").click(function(){
   $(this).parent().toggleClass("circle");
});

Проблема, которую я имею с toggleClass, состоит в том, что он открывает все окна оценки, а не только тот, по которому щелкают.
Это означает, что .parent () - неправильный выбор. Где вам нужен этот класс, добавленный точно.
Мне просто нужно это на поле, которое щелкают, изменил его на это: $ (". Box"). Click (function () {$ (this) .box (). ToggleClass ("circle");}); который работает, чтобы открыть, но не может закрыть его, и он все еще мигает на экране iphone, во всяком случае, чтобы избавиться от вспышки?