颁布实施的jQuery NIVO滑块

我是能够实现的jQuery NIVO滑块在我的jsfiddle： http://jsfiddle.net/NinjaSk8ter/gXwuc/颁布实施的jQuery NIVO滑块

但是我在得到这个在我的网页起作用的问题。如果有人能够看到我的JavaScript中的问题，我将不胜感激。

我认为这个问题是因为我已经为不同的脚本调用了jQuery Ready函数。

我有它自己的准备函数中添加('#slider').nivoSlider();不工作：

$(function() { 
    $('#slider').nivoSlider(); 
});

这里是网站的发展： http://www.northernvirginiapaintingcontractor.com/

有2个jQuery的文档准备功能：

<script type="text/javascript"> 
$(function() { 
    $('.box').hover(function() { 
     $(this).stop().animate({ 
      "opacity": .5 
     }, 50) 
    }, function() { 
     $(this).stop().animate({ 
      "opacity": 1 
     }, 50) 
    }); 
}); 

$(function() { 
    $('#slider').nivoSlider(); 
}); 

</script>

以下是标记：

<div id="top-feature"> 
    <div id="wrapper"> 
     <a href="http://dev7studios.com" id="dev7link" title="Go to dev7studios"></a> 
     <div class="slider-wrapper theme-default"> 
      <div class="ribbon"></div> 
      <div id="slider" class="nivoSlider"> 
       <img src="http://i.imgur.com/DMWEZ.jpg" alt="" /> 
       <a href="http://dev7studios.com"> 
        <img src="http://i.imgur.com/GnASW.jpg" alt="" title="caption" /> 
       </a> 
       <img src="http://i.imgur.com/5y96P.jpg" alt="" data-transition="slideInLeft" /> 
       <img src="http://i.imgur.com/9eg2i.jpg" alt="" title="#htmlcaption" /> 
      </div> 
      <div id="htmlcaption" class="nivo-html-caption"> 
       <strong>This</strong> example <em>HTML</em> caption<a href="#">a link</a>. 
      </div> 
     </div> 
    </div> 
</div>

来源

2012-04-23 Paul

出于某种原因，这部作品在页，我不完全清楚为什么：

jQuery(function ($) { 
    $('#slider').nivoSlider(); 
});

来源

2012-04-23 19:39:53 Paul

颁布实施的jQuery NIVO滑块

回答

相关问题