Javascript 从js向slick添加图像
我用的是肯惠勒的圆滑() 当从DOM加载带有外部js文件的图片时,slick不会创建。如果图像在html页面中,则slick可以正常工作 加载slick时html页面的一部分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
<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 deldiv
,不要使用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 deldiv
,也不要使用slick estáfunction and correctante)。