• 1399/05/13

Countdown in Carousel :

سلام استاد ، خیلی خسته نباشید ،ممنون از آموزش های خوبتون

مشکلی که دارم اینه که Countdown رو روی Carousel  قرار دادم که به صورت داینامیک پر می شه ولی فقط روی اولین آیتم عمل می کنه هر چی اضافه کردم  ایونت مربوطه رو کال نمی کنه ، می شه من رو راهنمایی کنید خیلی خیلی ممنونم 

  $('#amazing-slider').on('slide.bs.carousel', function () {

           alert("test");

           getCountdown();

       })

 

 

<section id="amazing-slider" class="carousel slide carousel-fade card" data-ride="carousel" >

                   <div class="row m-0">

                       <ol class="carousel-indicators pr-0 d-flex flex-column col-lg-3">

                         

                           @for (int i = 0; i < Model.ShowKalaListVizheh.Count(); i++)

                           {

                               <li class="@((Model.ShowKalaListVizheh[@i].ID==Model.ShowKalaListVizheh.FirstOrDefault().ID)?"active":"")" data-target="#amazing-slider" data-slide-to="@i">

                                   <span>@Model.ShowKalaListVizheh[@i].Title</span>

                               </li>

                           }

 

 

                           <li class="view-all">

                               <a href="/AmazingSearch?IsAmazing=true" class="btn btn-primary btn-block hvr-sweep-to-left">

                                   <i class="fa fa-arrow-left"></i>مشاهده همه شگفت انگیزها

                               </a>

                           </li>

                       </ol>

                       <div class="carousel-inner p-0 col-12 col-lg-9" id="vizhehcarousel">

                           <img class="amazing-title" src="assets/img/amazing-slider/amazing-title-01.png"

                                alt="amazing">

                           @foreach (var item in Model.ShowKalaListVizheh)

                           {

 

                               <div class="carousel-item @((item.ID==Model.ShowKalaListVizheh.FirstOrDefault().ID)?"active":"")">

                                   <div class="row m-0">

                                       <div class="right-col col-5 d-flex align-items-center">

                                           <a class="w-100 text-center" href="/KalaDetails/@item.ID">

                                               <img src="/BusinessObjects/@item.ImagePath"

                                                    class="img-fluid" alt="@item.Title">

                                           </a>

                                       </div>

                                       <div class="left-col col-7">

                                           <div class="price">

                                               @if (item.Discount != null)

                                               {

                                                   <del><span>@item.Price.ToString("#,0")<span>تومان</span></span></del>

                                               }

                                               <ins><span>@item.DisPrice.ToString("#,0")<span>تومان</span></span></ins>

                                               <span class="discount-percent">@item.Discount % تخفیف</span>

                                           </div>

                                           <h2 class="product-title">

                                               <a href="/KalaDetails/@item.ID"> @item.Title</a>

                                           </h2>

                                           <ul class="list-group">

                                               @foreach (var item2 in Model.SpecificKalaList.Where(x => x.KalaInfoId == item.ID).Take(3))

                                               {

                                                   <li class="list-group-item">@item2.SpecificTitle: @item2.SpecificDescribe</li>

                                               }

 

                                               @*<li class="list-group-item">160 گیگابایت</li>*@

                                           </ul>

                                           <hr>

                                           <div class="countdown-timer" countdown data-date="05 02 2019 20:20:22">

                                               <input type="text" id="userDate" value="@item.EndDate" />

                                               <span data-days id="days">0</span>:

                                               <span data-hours id="hours">0</span>:

                                               <span data-minutes id="minutes">0</span>:

                                               <span data-seconds id="seconds">0</span>

                                           </div>

                                           <div class="timer-title">زمان باقی مانده تا پایان سفارش</div>

                                       </div>

                                   </div>

                               </div>

                           }

                       </div>

 

 

                   </div>

               </section>

 

logo-samandehi