从js

Question

我正在使用kenwheeler（http://kenwheeler.github.io/slick/）

的光头

当从DOM加载带有文件js的图片时，外观光滑不会创建。如果图像在html页面中，那么光滑的工作正常。

加载光面时的html页面部分

<div class="container">
    <div id="productosFavoritos" class="product-category-carousel mobile-special-arrows animated-arrows slick">
    </div>
</div>

外部文件js用于加载来自服务器

的图像的光滑

          ........
    cadena = cadena + "<div class='product-category hover-squared'></a>";
    cadena = cadena + "<a href='"+url+"'><img src='images/category-empty.png' data-lazy='"+imagen+"' alt='"+nombre+"'></a> ";
    cadena = cadena + "<div class='product-category__hover caption'></div>";
    cadena = cadena + "<div class='product-category__info'>";
    cadena = cadena + "<div class='product-category__info__ribbon'>";
    cadena = cadena + "<h5 class='product-category__info__ribbon__title'>men SUITS</h5>";
        cadena = cadena + "<div class='product-category__info__ribbon__count'>32 products</div>";
    cadena = cadena + "</div></div></div>";

    addImagenRollower(nombre);

    }

    if (Info != null && Info != "")
    {
      //Introducimos la informacion de los productos destacados en el contenido central.
                                    document.getElementById("productosFavoritos").innerHTML= cadena;    


       if (!window.jQuery) 
       {
        document.write('<script src="vendor/slick/slick.min.js"></script>');
       }

    }




    function addImagenRollower(nombre)
    {

        $j('.add-remove').slick('slickAdd','<div><h3>' + nombre + '</h3></div>');


    }

显示此

slick

谢谢

Answer 1

我相信你在调用addImagenRollower函数之前调用slick(...)，然后再加载slick.js。

尝试放置此内容：

<script src="vendor/slick/slick.min.js"></script>

直接在HTML中（在您的脚本之前），然后您可以从那里删除它：

if (!window.jQuery) 
{
 document.write('<script src="vendor/slick/slick.min.js"></script>');
}