Всплывающее окно Colorbox не загружается полностью при открытии в первый раз после завершения загрузки.

У меня есть настройка по умолчанию Magento CE 1.9.3.0 с базовой темой here, а также пользовательский раздел новостей.Всплывающее окно Colorbox не загружается полностью при открытии в первый раз после завершения загрузки.

Теперь, когда я нажимаю на ссылку «Подробнее», в первый раз, когда страница только что загружена, из любого новостного раздела в разделе новостей центра открывается всплывающее окно (всплывающее окно с цветным окном) с отсутствующей «следующей» кнопкой и «закрыть» ".

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

Когда я закрываю всплывающее окно, а затем открываю его во второй раз, он полностью загружается всеми кнопками.

Пожалуйста, проверьте источник страницы, чтобы получить представление о HTML, CSS & Библиотеки Javascript загружены для этой средней секции новостей, поскольку я не могу создать скрипку по неизвестным причинам.

Ниже приведены colorbox и owl-carousel скрипты, которые я использую.

<script type="text/javascript"> 
//<![CDATA[ 
var $cnjQ = jQuery.noConflict(); 
$cnjQ(document).ready(function() { 
    var $cnOwl = $cnjQ("#center_news"); 
    $cnOwl.owlCarousel({ 
     autoPlay: 2500, 
     slideSpeed: 1500, 
     loop:false, 
     autoWidth:true, 
     pagination: false, 
     navigation: true, 
     <?php echo $putTS ?> 
     items: 1, 
     itemsDesktop: [1199,1], 
     itemsDesktopSmall: [979,1], 
     itemsTablet: [768,1], 
     itemsMobile: [600,1] 
    }); 
    $cnjQ('.news-owlgrid').children().find('a.cn-read-more').each(function() { 
     $cnjQ(this).colorbox({ 
      inline: true, 
      width: "50%", 
      rel: "cn-read-more", 
      onLoad: function() {  
       $cnOwl.trigger('autoplay.stop.owl'); 
      }, 
      onClosed: function() { 
       $cnOwl.trigger('autoplay.play.owl',[2000]); 
      } 
     }); 
    }); 
}); 
//]]> 
</script>

У кого-нибудь есть предложения?

источник

2016-10-15 Vicky Dev

Я не могу найти какие-либо кнопки. На что они должны выглядеть? – darrylyeo

Следующие и предыдущие кнопки/стрелки, вы можете видеть, что 1 кнопка уже загружена, когда всплывающее окно открывается в первый раз, но не как следующее, так и превалирующее, так как есть слайды до и после текущего всплывающего окна. –

Я вижу кнопку закрытия на всплывающем окне, но не вижу ни следующих, ни предыдущих кнопок после последующих повторных всплывающих окон. Кроме того, при просмотре всплывающего окна я не вижу HTML-надпись для предыдущей или следующей кнопок. Похоже, что они полностью отсутствуют ... – jacefarm

Это исключительно проблема с CSS. Кнопки close, next и previous присутствуют в надстройке HTML, но они находятся за пределами границ элемента #cboxWrapper. #cboxWrapper имеет overflow: hidden, который скрывает что-либо за пределами видимой области.

Вам нужно расширить видимые границы всплывающих путем изменения CSS применяется к #cboxWrapper, или переместить close, next и previous кнопки в границах его видимой области.

Вы можете попытаться установить большее значение для свойства width в вашем звонке colorbox.

источник

2016-10-20 06:24:55 jacefarm

. Обновите свой ответ или воспользуйтесь этим. –

Хорошо, у вас, вероятно, есть смысл, но почему эта проблема css возникает только при загрузке страницы и всплывании открывается впервые, почему бы и не позже? Если всплывающее окно закрыто и открывается во второй раз, эта проблема вообще не возникает. Поэтому я думаю, что может произойти сбой Colorbox, но не знаю, где и как его исправить. –

Также я пробовал большинство функций событий, связанных с загрузкой Colorbox, но напрасно, эта проблема сохраняется, когда всплывающее окно открывается впервые. –

Похоже, что ваши дивизионы имеют фиксированные высоты. Возможно ли, что некоторые из имен классов были переопределены пурпуровыми стилями?

Другая идея - попытаться извлечь Javascript и DOM-код и выполнить его индивидуально. Если это не работает, это проблема с кодом.

Похоже, это именно ваша проблема: Colorbox doesn't open at proper height when first opened Это также выглядит родственным: jquery colorbox looks wrong the first time opened and then fine after that

источник

2016-10-25 06:44:51 Merschi

Всплывающее окно Colorbox не загружается полностью при открытии в первый раз после завершения загрузки.

ответ

Смежные вопросы