Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从js向slick添加图像_Javascript_Html_Image_Slick.js - Fatal编程技术网

Javascript 从js向slick添加图像

Javascript 从js向slick添加图像,javascript,html,image,slick.js,Javascript,Html,Image,Slick.js,我用的是肯惠勒的圆滑() 当从DOM加载带有外部js文件的图片时,slick不会创建。如果图像在html页面中,则slick可以正常工作 加载slick时html页面的一部分 <div class="container"> <div id="productosFavoritos" class="product-category-carousel mobile-special-arrows animated-arrows slick"> </div&g

我用的是肯惠勒的圆滑()

当从DOM加载带有外部js文件的图片时,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>');


    }
。。。。。。。。
cadena=cadena+“”;
cadena=cadena+“”;
cadena=cadena+“”;
cadena=cadena+“”;
cadena=cadena+“”;
卡德纳=卡德纳+“男装”;
cadena=cadena+“32种产品”;
cadena=cadena+“”;
附加磁罗列(nombre);
}
如果(Info!=null&&Info!=“”)
{
//介绍康特尼多中心的产品信息。
document.getElementById(“productosFavoritos”).innerHTML=cadena;
如果(!window.jQuery)
{
文件。写(“”);
}
}
函数AddImageRollower(nombre)
{
$j('.add-remove').slick('slickAdd',''+nombre+'');
}
展示这个


谢谢

我相信您正在调用
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>');
}
if(!window.jQuery)
{
文件。写(“”);
}

我相信您正在调用
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>');
}
if(!window.jQuery)
{
文件。写(“”);
}

谢谢,在HTML中我也有HTML,但不起作用。@siemensgti尝试在页面中使用调试器(右键单击+检查),搜索该行的位置,并检查它是否出现在代码之前。也转到NET选项卡/面板,检查slick.min.js是否正确加载。最后转到控制台选项卡,键入
$(“#productosFavoritos”).slick()
(如果这不能覆盖
div
上的内容,则slick无法正常工作)。抱歉,我不明白……div的代码是create DOM,但是如果HTML中的代码运行正常,为什么。。。我绝望了:(@siemensgti usa el depurador(botón derecho del ratón+Inspecionar),busca don de estála línea del slick y si aparece de su código.Vaya también a la pestaña/panel de red y compoba si el slick.min.js se cargócorrectante.Finalmente,Vaya la la pestaña de la consola y y y escribe
$('productosFavoritos')。slick()
(请不要使用coloca el slider dentro del
div
,不要使用estáfunction和correctamente)。谢谢你,在HTML中我也有它,但不起作用。@siemensgti尝试在页面中使用调试器(右键单击+检查),搜索该行的位置,并检查它是否出现在您的代码之前。同时转到“网络”选项卡/面板,检查slick.min.js是否正确加载。最后转到控制台选项卡,键入
$(“#productosFavoritos”).slick()
(如果这没有覆盖
div
上的内容,则slick工作不正常)抱歉,我不明白……div的代码是create DOM,但是如果代码放在HTML中运行正常,为什么?……我绝望了:(@siemensgti usa el depurador(botón derecho del ratón+inspeccinor),busca donde estála línea del slick y si Aparese de su código.Vaya también a la pestaña/panel de red y comproba si el slick.min.js se cargócorrectante.Finalmente,Vaya a la pestaña de la consola y y descripe
$('productosFavoritos')。slick()
(请不要使用coloca el slider dentro del
div
,也不要使用slick estáfunction and correctante)。