Метро UI карусель не работает

У меня есть следующий код HTML на странице ASP.NET. Я добавил ссылку на скрипт jquery перед ссылкой metro.js правильно, так как metro.js использует jquery. Я вызываю функцию карусели из функции $ (document) .ready(), но все же моя карусель не работает. Что я делаю не так ??Метро UI карусель не работает

Edit: Я также получаю неперехваченное TypeError: Не определено не является функцией ошибки в консоли (хром)

<!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>

источник

2014-09-25 Nithish Inpursuit Ofhappiness

y ошибка в консоли? –

Да @IrvinDominin ... Я получаю unacaught TypeError: Undefined не является функцией ошибки в файле metro.min.js –

Каков сайт, на котором размещаются плагины css и js? –

Вы не можете использовать

$('.carousel').carousel({})

, а также использовать

data-role="carousel"

Выберите один из них

источник

2018-01-19 10:52:49

ответ

Смежные вопросы