-1

基本的な jQuery ステップの例を実行しようとしましたが、実行できませんでした。このコードに何か問題がありますか? jquery.steps.js プラグインは、html ドキュメントと同じフォルダーにあります。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">  </script>
<script src="jquery.steps.js"></script>
</head>
<body>
<script>
$("#example-basic").steps({
headerTag: "h3",
bodyTag: "section",
transitionEffect: "slideLeft",
autoFocus: true
});


</script>

<div id="example-basic">
<h3>Keyboard</h3>
<section>
<p>Try the keyboard navigation by clicking arrow left or right!</p>
</section>
<h3>Effects</h3>
<section>
<p>Wonderful transition effects.</p>
</section>
<h3>Pager</h3>
<section>
<p>The next and previous buttons help you to navigate through your content.</p>
</section>
</div>



</body>
</html>
4

1 に答える 1

0

要素がページにレンダリングされる前にコードを実行しているためです。

ページ上の要素の後にスクリプト ブロックを移動するか、コンテンツをdocument readyでラップします。

$(function() {  //shortcut for document ready
    $("#example-basic").steps({
        ...
    });
});
于 2014-12-18T19:12:51.090 に答える