JQuery Tocify - Привет, мир
Я хотел бы использовать скрипт toquify jquery. На этой простой странице он не работает должным образом с Firefox 38.0.1.
Он должен отображать небольшое оглавление в #toc div. Генерируется из отсканированных тегов в теле. Но если я отрисовываю эту страницу в Firefox, ничего не происходит. Он просто отображает 'hello' & 'hello2' без оглавления, которое должен сгенерировать tocify.
Я делаю что-то не так в этом HTML-коде?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<!-- Tocify - nice dynamic autoscrolling TOC -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tocify/1.9.0/stylesheets/jquery.tocify.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tocify/1.9.0/javascripts/jquery.tocify.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var toc = $("#toc").tocify({
scrollTo : 50,
extendPage : true,
selectors : "h1,h2,h3,h4,h5",
showEffect : "fadeIn"
});
});
</script>
</head>
<body>
<div id="toc" ></div>
<h2 id="hello">Hello</h2>
<h2 id="hello2">Hello2</h2>
</body>
</html>