javascript - 从js添加图像到slick

Question

我正在使用 kenwheeler 的光滑 ( http://kenwheeler.github.io/slick/ )

当使用外部 js 文件从 DOM 加载图片时，不会创建 slick。如果图像位于 html 页面中，则 slick 效果很好。

加载 slick 时的 html 页面部分

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

外部文件js加载来自服务器的图像slick

          ........
    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.js 之前调用 slick(...) 函数。

尝试放置此:

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

直接在 HTML 中(在脚本之前)，然后您可以从那里删除它:

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