Jquery 地铁用户界面转盘不工作
我在ASP.NET页面中有以下HTML代码。我在metro.js引用之前添加了对jquery脚本的引用,因为metro.js使用jquery。我正在从$document.ready函数调用carousal函数,但我的carousal仍然不起作用。我做错了什么 编辑:我还得到一个未捕获的typeError:Undefined不是控制台chrome中的函数错误Jquery 地铁用户界面转盘不工作,jquery,carousel,metro-ui-css,Jquery,Carousel,Metro Ui Css,我在ASP.NET页面中有以下HTML代码。我在metro.js引用之前添加了对jquery脚本的引用,因为metro.js使用jquery。我正在从$document.ready函数调用carousal函数,但我的carousal仍然不起作用。我做错了什么 编辑:我还得到一个未捕获的typeError:Undefined不是控制台chrome中的函数错误 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"&g
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-2.1.1.min.js"></script>
<link href="Content/Metro.css" rel="stylesheet" />
<script src="Scripts/metro.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
alert("Hello! I am an alert box!!");
//$('.carousel').carousel();
$('.carousel').carousel({
auto: true,
period: 3000,
duration: 2000,
markers: {
type: "square"
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="metro">
<div class="carousel" data-role="carousel">
<div class="slide">
<p>slide 1</p>
</div>
<div class="slide">
<h2>Slide 2</h2>
</div>
<a class="controls left"><i class="icon-arrow-left-3"></i></a>
<a class="controls right"><i class="icon-arrow-right-3"></i></a>
</div>
</div>
</form>
</body>
</html>
你不能用
$('.carousel').carousel({})
并且还使用
data-role="carousel"
选择其中一个控制台中有错误吗?是@IrvinDominin。。。我得到一个未捕获的TypeError:Undefined不是metro.min.js文件中的函数错误。托管css和js插件的站点是什么?