第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

嘗試使用 jquery 使模態(tài)數(shù)據(jù)動態(tài)化

嘗試使用 jquery 使模態(tài)數(shù)據(jù)動態(tài)化

收到一只叮咚 2022-12-02 16:20:31
我正在為一個電子商務項目進行快速查看。到目前為止,我已經(jīng)完成了以下工作:function quickView(){    $('.btn-quick-view').on('click', function(){    let id = $(this).attr('value');    let url = '{{ route("quick", ":data") }}';    url = url.replace(":data", id);    $.ajax({        method: "GET",        url: url,        dataType: 'json',        success(response){            let html = "<div class='modal-dialog modal-dialog-centered' role='document'><div class='modal-content'><span class='modal-close' data-dismiss='modal'><i class='icon-cross2'></i></span><article class='ps-product--detail ps-product--fullwidth ps-product--quickview'><div class='ps-product__header'><div class='ps-product__thumbnail' data-vertical='false'><div class='ps-product__images' data-arrow='true'>";            $.each(response.images, function(key, value){            html += "<div class='item'><img src='"+value.image+"'></div>";            });            $('#product-quickview').html(html);            $.getScript('/frontend/js/jquery-1.12.4.min.js');        },        error: function(response){            toastr.error('Something went wrong!');        }    });    })}quickView();由于此模型使用 slick 來顯示產品圖像,因此我希望 jquery 能夠正常工作。我試圖加載 jquery$.getScript('/frontend/js/jquery-1.12.4.min.js');但它沒有用。我該怎么做才能讓這個模型動態(tài)工作?
查看完整描述

1 回答

?
慕碼人2483693

TA貢獻1860條經(jīng)驗 獲得超9個贊

function quickView(){

$('.btn-quick-view').on('click', function(){

let id = $(this).attr('value');

let url = '{{ route("quick", ":data") }}';

url = url.replace(":data", id);

$.ajax({

method: "GET",

url: url,

dataType: 'json',

success(response){

let html = "<div class='modal-dialog modal-dialog-centered' role='document'>

  <div class='modal-content'><span class='modal-close' data-dismiss='modal'><i class='icon-cross2'></i></span>

    <article class='ps-product--detail ps-product--fullwidth ps-product--quickview'>

      <div class='ps-product__header'>

        <div class='ps-product__thumbnail' data-vertical='false'>

          <div class='ps-product__images' data-arrow='true'>";

            $.each(response.images, function(key, value){

            html += "<div class='item'><img src='"+value.image+"'></div>";

            });

            html += "</div>

        </div>

        <div class='ps-product__info'>

          <h1>"+response.name+"</h1>

          <div class='ps-product__meta'>

            <p>Brand:<a href='shop-default.html'>Sony</a></p>

            <div class='ps-product__rating'><select class='ps-rating' data-read-only='true'>

                <option value='1'>1</option>

                <option value='1'>2</option>

                <option value='1'>3</option>

                <option value='1'>4</option>

                <option value='2'>5</option>

              </select><span>(1 review)</span></div>

          </div>

          <h4 class='ps-product__price'>$36.78 – $56.99</h4>

          <div class='ps-product__desc'>

            <p>Sold By:<a href='shop-default.html'><strong> Go Pro</strong></a></p>description

          </div>

          <div class='ps-product__shopping'><a class='ps-btn ps-btn--black' href='#'>Add to cart</a><a class='ps-btn' href='#'>Buy Now</a>

            <div class='ps-product__actions'><a href='#'><i class='icon-heart'></i></a><a href='#'><i class='icon-chart-bars'></i></a></div>

          </div>

        </div>

      </div>

    </article>

  </div>

</div>";

$('#product-quickview').html(html);

//initialize your slick lib

$('.product-images').slick();

$.getScript('/frontend/js/jquery-1.12.4.min.js');

},

error: function(response){

toastr.error('Something went wrong!');

}

});

})

}

quickView();



查看完整回答
反對 回復 2022-12-02
  • 1 回答
  • 0 關注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號