jquery nivo滑块在服务器中不起作用 [英] jquery nivo slider not working in server

问题描述

i使用nivo滑块如下代码

 <   div  < span class =code-attribute>   id   =  wrapper >  
 <   div     id   =  slider-wrapper >  
 
 <   div     id   =  slider    class   =  nivoSlider >  
 <  < span class =code-leadattribute> img     src   =  images / slide1.jpg    alt   =     title   = 这是一个例子标题1      /  >  
 <   img     src   =  images / slide2.jpg    alt   =     title   = 这是标题2的示例    /  >  
 <   img     src   = < span class =code-keyword> images / slide3.jpg    alt   =      title   = 这是标题3      /  >  
 <   img     src   =  images / slide4.jpg    alt   =     title   = 这是标题4    /  >  
 <   / div  >  
 <   script     type   =  text / javascript    src   =  ../ js / jquery.nivo.slider.pack.js < span class =code-keyword>>  <   / script  >  
 <   script    类型  =  text / javascript >  
 $（窗口）.load（function（）{
 $（'＃slider'）。nivoSlider（）; 
}）; 
 <   / script  >  
 <   / div  >  

它在本地工作正常，但当我在服务器中托管时它无法正常工作。

解决方案

（窗口）.load（function（）{

（'＃slider'）。nivoSlider（）;
}）;
< / script >
< / div >

它在本地工作正常，但当我在服务器中托管时它无法正常工作。

它与服务器无关。请看我对这个问题的评论。只需检查jQuert文件是否在服务器上可用，并根据脚本元素进行定位。您可以非常简单地检查：在浏览器中加载页面并使用浏览器的查看页面源来查看您到底获得了什么。

-SA

hi ,

i have using nivo slider like below code

<div id="wrapper">
                               <div id="slider-wrapper">

                                  <div id="slider" class="nivoSlider">
                                      <img src="images/slide1.jpg" alt="" title="This is an example of a caption 1"  />
                                      <img src="images/slide2.jpg" alt="" title="This is an example of a caption 2" />
                                      <img src="images/slide3.jpg" alt="" title="This is an example of a caption 3"  />
                                      <img src="images/slide4.jpg" alt="" title="This is an example of a caption 4" />
                                  </div>
                      <script type="text/javascript" src="../js/jquery.nivo.slider.pack.js"></script>
                      <script type="text/javascript">
                       $(window).load(function() {
                       $('#slider').nivoSlider();
                       });
                      </script>
                              </div>

its works fine in local but when i host in server its not working .

解决方案

(window).load(function() {

('#slider').nivoSlider(); }); </script> </div>

its works fine in local but when i host in server its not working .

It has nothing to do with server. Please see my comment to the question. Just Check up if the jQuert file is available on server and located according to your script element. You can check it up very simply: load the page in a browser and use the browser's "View page source" to see what exactly did you get.

—SA

这篇关于jquery nivo滑块在服务器中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！