Jquery步骤基本示例

时间:2016-02-05 10:30:04

标签: jquery css

尝试开始使用Steps。在页面上获取非样式版本。似乎没有应用CSS。文件路径是正确的。

我希望最终得到一个经过验证的表格,但无法完成基础知识。

任何想法我做错了什么?

<!DOCTYPE html>
<html>
<head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <link rel="stylesheet" href="js/steps/css/jquery.steps.css">
        <script src="js/steps/build/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>

0 个答案:

没有答案