Javascript Jquery NivoSlider Slider无法工作$（'；#Slider'；）。NivoSlider（）；这不是一个函数
我在asp.net应用程序中使用了nivo jquery图像滑块，但在页面加载后，它不会更改图像，只显示“loading.gif”图像，在jquery调试时，我收到错误消息：$（“#slider”）.nivoSlider（）；这不是一个函数Javascript Jquery NivoSlider Slider无法工作$（'；#Slider'；）。NivoSlider（）；这不是一个函数,javascript,jquery,asp.net,slider,Javascript,Jquery,Asp.net,Slider,我在asp.net应用程序中使用了nivo jquery图像滑块，但在页面加载后，它不会更改图像，只显示“loading.gif”图像，在jquery调试时，我收到错误消息：$（“#slider”）.nivoSlider（）；这不是一个函数 <link href="css/NivoSlideThemes/default/default.css" rel="stylesheet" type="text/css" media="screen" /> <link hre
<link href="css/NivoSlideThemes/default/default.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/NivoSlideThemes/nivo-slider.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/menu/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function () {
$('#slider').nivoSlider();
});
</script>
<style>
.theme-default #slider {
margin:1px auto 0 auto;
width:674px; /* Make sure your images are the same size */
height:311px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
/* margin-top:150px; */
}
.clear {
clear:both;
}
</style>
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="images/cfgSliderImages/1.gif" alt="" />
<img src="images/cfgSliderImages/2.gif" alt="" title="Solar Power" />
<img src="images/cfgSliderImages/3.gif" alt="" data-transition="slideInLeft" />
<img src="images/cfgSliderImages/4.gif" alt="" title="#htmlcaption" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>
$（窗口）。加载（函数（）{
$（“#滑块”）.nivoSlider（）；
});
.theme默认#滑块{
保证金：1px自动0自动；
宽度：674px；/*确保图像大小相同*/
高度：311px；/*确保您的图像大小相同*/
}
.theme-pascal.slider-wrapper，
.theme-orman.slider-wrapper{
/*边缘顶部：150px*/
}
.清楚{
明确：两者皆有；
}
这是一个带有。
.noConflict（）当我时不时地使用VisualStudio时，就会遇到这个问题。我没有在
正文标题<head>
<link href="css/NivoSlideThemes/default/default.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/NivoSlideThemes/nivo-slider.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/menu/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
</head>
您确定正在加载滑块的正确JS文件吗？是否在一个页面上使用两个滑块？你也可以发布另一个的html标记吗？如果您对两者使用相同的初始化代码，则可能会将其中断，因为它们都具有相同的id（
#slider<head>
<link href="css/NivoSlideThemes/default/default.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/NivoSlideThemes/nivo-slider.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/menu/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
</head>
// When the page is ready to be manipulated
$(function() {
$(window).load(function () {
$('#slider').nivoSlider();
});
});