Блог

Главная - Вопросы по программированию - как использовать jquery.metro.js ? Не удается заставить его работать?

как использовать jquery.metro.js ? Не удается заставить его работать?

#jquery #html #microsoft-metro

#jquery #HTML #microsoft-metro

Вопрос:

Я проверил пример, приведенный на http://naghsheh.info/Pivot/Pivot.htm и попытался заставить это работать на простой htm-странице. Я загрузил jquery.metro.js , jquery-1.6.1.min.js и файлы jquery.metro.css и сохранил их в той же папке, что и html-файл. Но окончательный html не работает так, как указано. Ниже приведен код, который я использую

 <html>
<head>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.metro.js"></script>
<link type="text/css" rel="Stylesheet" href='jquery.metro.css' />



</head>

<body>
<script type="text/javascript">
$(function () {
$("div.metro-pivot").metroPivot();
});
</script>
<div class='metro-pivot'>
<div class='pivot-item'>
    <h3>your header text</h3> 
    your content 1

</div>

<div class='pivot-item'>
    <h3>header two</h3> 
    your content more content 2
</div>
</div>
</body>
</html>

Пожалуйста, помогите мне!

Комментарии:

1. Есть ли какие-либо js-ошибки? Вы успешно вводите $(function () ?

2. Я не знаю! 🙁 никто не знает, как это проверить! : (

3. $("div.metro-pivot").metroPivot(); — замените это на alert ('Here'); . Кроме того, в Firefox используйте Tools -> Error Concole для просмотра ошибок javascript на этой странице

4. ну, я запустил его снова в firefox, и он работает нормально! Я предполагаю, что у меня эта проблема только в IE!

Ответ №1:

Я заметил, что мой перестал работать, когда я обновил jQuery до 1.6.1. Мне пришлось вернуться к jQuery 1.5.1.

Также поместите тег скрипта с «$(«div.metro-pivot»).metroPivot();» в конце страницы, после загрузки divs.