Question

我有一个阻碍我的问题。

我想在我的HTML生成页面中使用javascript进行滑块/幻灯片放映。在我的Web应用程序中，我有两个步骤： - 带表格的div - 带结果的div

当我点击我的“确定”按钮时，第一个div没有显示，第二个div显示（没关系）。根据结果，我想在我的第二个div上显示一个带有多个图像的滑块/幻灯片。

我找到了几个jquery sliseshow，在一个简单的html页面中对它们进行了测试，但是当我把它们放在生成div元素的javascript代码中时，就不显示滑块了！

我的代码示例：

在HTML端的页面末尾起作用：

滑块：

它正在运作

但是当我把它放在javascript中时，它没有显示!!!

result_html += "<div class='slider-wrapper theme-default'><div id='imgslider' class='nivoSlider'><img src='nivo-slider/demo/images/toystory.jpg' alt='' data-transition='slideInLeft'><img src='nivo-slider/demo/images/up.jpg' alt='' data-transition='slideInLeft'><img src='nivo-slider/demo/images/walle.jpg' alt='' data-transition='slideInLeft'><img src='nivo-slider/demo/images/nemo.jpg' alt='' data-transition='slideInLeft'></div></div>";
  document.getElementById("result").innerHTML = result_html;

我已经测试了几张幻灯片，你有什么想法吗？

谢谢！

Answer 1

感谢John Fable我改变了这个：

我在加载页面时加载滑块：

$（window）.load（function（）{ $（ '＃主滑块'）flexslider（）。 }）;
现在，我在我的javascript函数中加载滑块：

function toto（）{ // ... $（document）.ready（function（）{ $（ '＃主滑块'）flexslider（）。 }）; // ... }

......它正在发挥作用：）

我的javascript innerHTML中的所有滑块和幻灯片显示问题

1 个答案: