使用jquery/javascript附加`<script>`标签到html使用jquery/javascript

我正在处理幻灯片放映，我需要返回HTML的一部分，其中包含一个<script>标记和一段JavaScript函数。我想将它添加为I可以有多个幻灯片显示，每个幻灯片显示具有不同的属性，如转场，幻灯片速度等。此功能由滑块属性的参数组成。使用jquery/javascript附加`<script>`标签到html使用jquery/javascript

return '<div id="slider" class="nivoSlider">'+ 
       '<div class="">'+ 
        '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide01.jpg" data-thumb="images/slideShow/thumb/slide01.jpg" alt="" />'+ 
       '</div>'+ 
       '<div class="">'+ 
        '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide02.jpg" data-thumb="images/slideShow/thumb/slide02.jpg" alt="" />'+ 
       '</div>'+ 
       '<div class="">'+ 
        '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide03.jpg" data-thumb="images/slideShow/thumb/slide03.jpg" alt="" />'+ 
       '</div>'+ 
       '<div class="">'+ 
        '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide04.jpg" data-thumb="images/slideShow/thumb/slide04.jpg" alt="" />'+ 
       '</div>'+ 
      '</div>'+'<script>$("#slider").nivoSlider({effect: "sliceDown",animSpeed: 500,pauseTime: 3000,startSlide: 0,controlNavThumbs: true,controlNavThumbsFromRel:true, pauseOnHover: true,manualAdvance: false});</script>';

内部的setTimeout功能是一个予需要将HTML内部存储 我试图通过在变量将其存储和连接它的setTimeout() .I内实现它使用.toString()和.append().html.text但该脚本直接运行或执行，而不是将其存储在html结构中。如何将该函数存储在HTML结构中的脚本标记内？

来源

2013-03-07 coderunner

'setTimeout（）'不会等待其他代码。如果代码尚未完成，或者有一点延迟，代码可能会发生冲突。 – 2013-03-07 10:03:19

jQuery评估HTML中的任何脚本标记，然后丢弃它们。 – 2013-03-07 11:09:36

@SalmanA你可以提出一种方法，我可以如何将它存储到HTML中，因为我需要在用户发布他的网站时执行该功能。 **供参考：**我希望它与HTML一起存储到数据库，因为这是一个网站建设者类的应用程序。用户可以保存并发布到网络上，所以在发布之后我需要具有该功能或属性存储在html结构的某处，以便幻灯片显示工作。并且每个幻灯片实例可能都有不同的参数设置，所以我不能在页面中有一个共同的'

您setTimeout功能是不正确..

'<script>setTimeout(function slideShow(){$("#slider")......</script>'; 
         //------^^^^^^^^---here you are creating a function `slideShow`

应该

'<script>setTimeout(function(){$("#slider")......</script>';

function slideShow(){ 
     $("#slider").nivoSlider({ 
      effect: "sliceDown", 
      animSpeed: 500, 
      pauseTime: 3000, 
      startSlide: 0, 
      controlNavThumbs: true, 
      controlNavThumbsFromRel:true, 
      pauseOnHover: true, 
      manualAdvance: false 
     }) 
    } 

setTimeout(slideShow,100);

，我不认为你需要添加这个重新转..在你的主页添加这个..它应该可以工作

来源

2013-03-07 10:06:47 bipen

'setTimeout'被添加用于测试。我们正在尝试的是将整个'

使用jquery/javascript附加`<script>`标签到html使用jquery/javascript

相关问题