Почему не срабатывает скрипт при открытии magnificPopup?

Question

[mrzgt]

Есть popup окно magnificPopup с бутстрап вкладками

<div id="test-modal" class="white-popup-block mfp-hide">
<div class="tabs">	
   <ul class="nav nav-tabs">
  <li><a href="#tab-description" data-toggle="tab">1111111</a></li>
  <li><a href="#tab-description2" data-toggle="tab">22222222</a></li>  
  </ul>
		  
  <div class="tab-content">
  <div class="tab-pane" id="tab-description">ddddddddddddddd</div>
  <div class="tab-pane" id="tab-description2">ggggggggggggggggggg</div>
  </div>
		  
</div>
</div>

Первой вкладке нужно присвоить класс актив

<script>		
$(".nav-tabs li:first").addClass("active");
$(".tab-pane:first").addClass("active");
</script>

Но в попап окне этот JS не срабатывает, прописать класс актив к li не вариант, так как там будет цыкл, это как пример!

Answer 1

[Максим Гатилин]

Вам нужно обратиться к документации, там есть событие открытия попапа.

$('.image-link').magnificPopup({
  // you may add other options here, e.g.:
  preloader: true,

  callbacks: {
    open: function() {
      // Will fire when this exact popup is opened
      // this - is Magnific Popup object
    },
    close: function() {
      // Will fire when popup is closed
    }
    // e.t.c.
  }
});