jQuery Steps插件异步演示

时间:2014-01-27 22:32:14

标签: jquery asynchronous wizard demo jquery-steps

我正在使用jQuery Steps插件进行编码,并对异步演示有疑问。

以下是页面代码:

<section id="async">
    <h2 class="page-header">Async Content Loading Example</h2>
    <div id="wizard-7">
        <h3>Async Step</h3>
        <section data-mode="async" data-url="/Examples/AsyncContent">
        </section>

        <h3>Second Step</h3>
        <section>
            <p>Donec mi sapien, hendrerit nec egestas a, rutrum vitae dolor. Nullam venenatis diam ac ligula elementum pellentesque. 
                In lobortis sollicitudin felis non eleifend. Morbi tristique tellus est, sed tempor elit. Morbi varius, nulla quis condimentum 
                dictum, nisi elit condimentum magna, nec venenatis urna quam in nisi. Integer hendrerit sapien a diam adipiscing consectetur. 
                In euismod augue ullamcorper leo dignissim quis elementum arcu porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                Vestibulum leo velit, blandit ac tempor nec, ultrices id diam. Donec metus lacus, rhoncus sagittis iaculis nec, malesuada a diam. 
                Donec non pulvinar urna. Aliquam id velit lacus.</p>
        </section>

        <h3>Third Step</h3>
        <section>
            <p>Morbi ornare tellus at elit ultrices id dignissim lorem elementum. Sed eget nisl at justo condimentum dapibus. Fusce eros justo, 
                pellentesque non euismod ac, rutrum sed quam. Ut non mi tortor. Vestibulum eleifend varius ullamcorper. Aliquam erat volutpat. 
                Donec diam massa, porta vel dictum sit amet, iaculis ac massa. Sed elementum dui commodo lectus sollicitudin in auctor mauris 
                venenatis.</p>
        </section>

        <h3>Forth Step</h3>
        <section>
            <p>Quisque at sem turpis, id sagittis diam. Suspendisse malesuada eros posuere mauris vehicula vulputate. Aliquam sed sem tortor. 
                Quisque sed felis ut mauris feugiat iaculis nec ac lectus. Sed consequat vestibulum purus, imperdiet varius est pellentesque vitae. 
                Suspendisse consequat cursus eros, vitae tempus enim euismod non. Nullam ut commodo tortor.</p>
        </section>
    </div>
</section>

有人可以解释一下如何从Examples / AsyncContent加载数据并显示在页面上吗?是否有一些关于如何使用此功能的文档?

提前致谢

1 个答案:

答案 0 :(得分:0)

通过将属性data-mode =“async”和data-url =“urltocontent”放入步骤的内容中,脚本将处理所有内容。

我不需要做任何进一步的配置来使其工作。