Я использую Slick Slider в своем проекте asp. net. Как только я удаляю слайд через «slickRemove», первый слайд суб слайдера, содержимое становится пустым - PullRequest
Новая
       6

Я использую Slick Slider в своем проекте asp. net. Как только я удаляю слайд через «slickRemove», первый слайд суб слайдера, содержимое становится пустым

2 голосов
/ 23 января 2020

Я работаю над проектом asp. net mvc, который включает 10 слайдов ( основной слайдер ). В 08 слайд включен еще один слайдер ( слайд внутри слайда - суб слайдер ). Эти суб-слайды генерируются динамически в соответствии с количеством извлекаемых записей в базе данных. Для этого я использовал плагин Slick Slider . Проблема в том, что я удалил слайд (07-й слайд -> 06-й индекс) в главном слайдере, используя функцию скользящего слайдера, которая называется "slickRemove"

Например: $ ('# slick_MainSlider'). Slick ('slickRemove', index);

Как только я удалил его, индекс удалялся успешно. Но на 08-м слайде (в главном слайдере), в который был включен другой слайдер ("slick_SubSlider"), содержимое первого индекса не отображается, но существует первый слайд (только содержимое, не отображаемое в первом индексе в суб-слайсклайдере)

После я предоставил код Пример того, что я пытался сделать. (фрагмент кода запуска не работает, пожалуйста, обратитесь только к разделу HTML и JS) 

if($(".slide_LineChart").parent().parent().hasClass("slick-slide")) 
{
               
var index = $('.slide_LineChart').parent().parent().index()-1;
    console.log(index);
    $('#slick_MainSlider').slick('slickRemove', index);
                
}
<!-- Main Slick Slider -->
<div id="slick_MainSlider" class="slider">
  <div class="col-md-12" id="slide_1"><canvas id="line_barchart"></canvas></div>
  <div class="col-md-12" id="slide_2"><canvas id="line_barchart"></canvas></div>
  <div class="col-md-12" id="slide_3"><canvas id="line_barchart"></canvas></div>
  <div class="col-md-12" id="slide_4"><canvas id="line_barchart"></canvas></div>
  <div class="col-md-12" id="slide_5"><canvas id="line_barchart"></canvas></div>
  <div class="col-md-12" id="slide_6"><canvas id="line_barchart"></canvas></div>
 
  <!-- This is the slide i am removing --> 
  <div class="col-md-12 slide_LineChart" id="slide_7">
      <canvas id="line_Chart"></canvas>
  </div>
  
  <!-- Inside this slide, include sub slider --> 
    <div class="col-md-12" id="slide_8">
    <!-- Sub slider - start -->
    <div id="slick_SubSlider" style="">
      <div id="sub_slide1">Content</div>
      <div id="sub_slide2">Content</div>
      <div id="sub_slide3">Content</div>
      <div id="sub_slide4">Content</div>
    </div>
    <!-- Sub slider - end -->
  </div>
  
</div>

Наконец, я хочу сказать, что основная проблема в , когда я удаляю 07-й слайд (в главном скользящем слайдере), Первый слайд (01 слайд, как указано во фрагменте кода) внутри скользящего Sub Slider (вложенный слайдер включен в 08-й слайд в Slider Main Slick), не показывает его содержимое, но вложенный слайд там с пустым содержимым,

Я ищу доброе решение этой проблемы. Спасибо.

...