jQuery по клику, требующему двойного щелчка для работы - PullRequest
Новая
       15

jQuery по клику, требующему двойного щелчка для работы

0 голосов
/ 25 марта 2020

Я пытаюсь вызвать всплывающее окно c при нажатии элемента. К сожалению, в настоящее время требуется, чтобы пользователь дважды щелкнул, и я не могу определить, почему это так. Я просмотрел похожие вопросы и проверил их предложения, но они тоже не сработали.

В следующем примере вы увидите, что журнал консоли запускается оба раза, а всплывающее окно magnifi c срабатывает только один раз. Какие-нибудь мысли относительно причины или решения для этого? 

$(document).on('click touch touchstart touchend','.simple-ajax-popup', function(event) {

  	$(this).magnificPopup({
    	type: 'ajax'
   	});
   	
    console.log('review question click');
  event.preventDefault();    
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<div id="reviewPage" class="page">
  <div class="reviewTitle">Tap to review your answers</div>
    <div id="reviewQuestionsList" class="mCustomScrollbar">
      <div class="reviewQuestionItem reviewQuestionWrong">
        <a class="reviewQuestionItemText simple-ajax-popup" href="https://google.com">Open Google</a>
      </div>
    </div>
</div>
...