Задать вопрос
@LoveCodeandCoffe

Почему не работает magnific-Popup?

function setup_for_width(mql) {
  if (mql.matches) {
    $('#col_slider > .textcol').addClass('col-lg-offset-1');
    $('#col_slider > .imagecol').addClass('col-lg-6');
  } 
  else {
    $('#col_slider > .textcol').removeClass('col-lg-offset-1');
    $('#col_slider > .imagecol').addClass('col-lg-6');
  }
  
}

function medium_change_width(smax) {
  if (smax.matches) {
    $('#fbrain').prependTo('#catalog_content');
    $('#fbrain').addClass('hidden');
    $('<div id="filter_a"><h2 class="bfiltera"><a  class="bfilter_popup" href="#fbrain">Фильтры</a> <i class="fa fa-caret-down" aria-hidden="true"></i></h2></div>').prependTo('#catalog_content')
    
   
  } 

  else {
   $('#filter_a').remove();
   $("#fbrain").appendTo("#catalog_content");
    //$('#filter_a').remove();
  }
  
}
function small_change_width(smw){

  if (smw.matches) {
   alert('<768');
   $('<div id="filter_a"><h2 class="bfiltera"><a  class="filter_popup" href="#fbrain">Фильтры</a> <i class="fa fa-caret-down" aria-hidden="true"></i></h2></div>').prependTo('#catalog_content')
  $('.filter_popip').magnificPopup;
 }
 else{
    $('.form_bg').removeClass('hidden');  // > 767px
    $('.bg_chancge').removeClass('form_bg_fon');
    //$("#fbrain").appendTo("#catalog_content");
    //$('#filter_a').remove();
  }
}


//Catalog Page /**prodact**/


function extra_small_width(esw){
  if (esw.matches){



  }
  else{

  }
}



var mql = window.matchMedia("screen and ( max-width: 1440px)");  
var smax = window.matchMedia("screen and (max-width: 991px)");
var smw = window.matchMedia("screen and (max-width: 767px)");
var esw = window.matchMedia("screen and (max-width: 480px)");
mql.addListener(setup_for_width); // Добавим прослушку на смену результата
smax.addListener(medium_change_width); 
smw.addListener(small_change_width); 
esw.addListener(extra_small_width); 

setup_for_width(mql); // Вызовем нашу функцию
medium_change_width(smax);
small_change_width(smw);
extra_small_width(esw);

$('.bfilter_popup').click(function(){
     $('#fbrain').removeClass('hidden');

   });
    $('.bfilter_popup').magnificPopup();

Помогите разобраться , я ничего не понимаю, раньще плагин работал на разрешении меньще 768px теперь работает только от 991 до 768. Я испельзую медиа. У меня на сайте фильтр, выше 991 пикселя он виден, а ниже скрывается в ссылку, и вызывается в попап окне, раньше работал ,нормально, а когда сломал не знаю(. Сейчас не могу понять в чем дело
  • Вопрос задан
  • 54 просмотра
Подписаться 1 Средний 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы