1

私のサイトにaddThisを追加すると、PC の chrome でMagiczoomplusが壊れます。

画像を拡大するとランダムにサイズが変わります。

jQuery.noConflict() を使用してみましたが成功しませんでしたが、jQuery の専門家ではないため、間違っていた可能性があります。

何か案は ?

HTMLコードは次のとおりです。

$('.magnifier').click(function() {
        return MagicZoom.expand('jeans');
      });
<link href="https://www.magictoolbox.com/static/magiczoomplus/magiczoomplus.css" rel="stylesheet"/>
<script src="https://www.magictoolbox.com/static/magiczoomplus/magiczoomplus.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="product_zoom" role="dialog" tabindex="-1" style="display: none;" class="modal fade cboxElement">

              <button data-dismiss="modal" title="Close" class="mz-button mz-button-close"></button>
            </div>
            <div class="modal-body">
              <div class="col-sx-12 col-md-3 col-lg-offset-1 col-lg-3">
                <h2>Jacket</h2>
                <p><i>244662</i>black</p>
              </div>
              <div class="col-sx-12 col-md-7 col-lg-5"><a id="jeans" data-options="zoomMode: off; variableZoom: true; zoomPosition: inner; 	upscale: true; cssClass: white-bg fl-zoom; expand: window" href="https://dnsv4oxp52xck.cloudfront.net/244/2446620001_png_zoom_1.jpg" class="MagicZoom"><img src="https://dnsv4oxp52xck.cloudfront.net/244/2446620001_png_zoom_1.jpg" style="max-width: 2000px; max-height: 2000px;" class="main-visual"></a>
                <div class="thumbs-container"><a data-image="https://dnsv4oxp52xck.cloudfront.net/244/2446620001_png_zoom_1.jpg" href="https://dnsv4oxp52xck.cloudfront.net/244/2446620001_png_zoom_1.jpg" data-zoom-id="jeans" class="mz-thumb"><img src="https://dnsv4oxp52xck.cloudfront.net/244/2446620001_png_zoom_1.jpg" class="main-visual"></a></div>
              </div>
            </div>


      <script src="js/vendor/magiczoomplus.js" async></script>
      <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50ed24e34032223b" async></script>

4

0 に答える 0