文章/答案/技术大牛

发布

问Fuel UX向导不起作用
EN

Stack Overflow用户

提问于 2014-04-07 12:36:51

回答 2查看 1.6K关注 0票数 1

我刚刚在Fuel UX网站上复制了向导的example，并创建了一个html文档，还包括了必要的js和css文件，如下所示。

<!DOCTYPE html>
<html lang="en">

    <head>

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" />

    </head>

    <body>

        <div id="MyWizard" class="wizard">
            <ul class="steps">
                <li data-target="#step1" class="active"><span class="badge badge-info">1</span>Step 1<span class="chevron"></span></li>
                <li data-target="#step2"><span class="badge">2</span>Step 2<span class="chevron"></span></li>
                <li data-target="#step3"><span class="badge">3</span>Step 3<span class="chevron"></span></li>
                <li data-target="#step4"><span class="badge">4</span>Step 4<span class="chevron"></span></li>
                <li data-target="#step5"><span class="badge">5</span>Step 5<span class="chevron"></span></li>
            </ul>
            <div class="actions">
                <button type="button" class="btn btn-mini btn-prev"> <i class="icon-arrow-left"></i>Prev</button>
                <button type="button" class="btn btn-mini btn-next" data-last="Finish">Next<i class="icon-arrow-right"></i></button>
            </div>
        </div>

        <div class="step-content">
            <div class="step-pane active" id="step1">This is step 1</div>
            <div class="step-pane" id="step2">This is step 2</div>
            <div class="step-pane" id="step3">This is step 3</div>
            <div class="step-pane" id="step4">This is step 4</div>
            <div class="step-pane" id="step5">This is step 5</div>
        </div>

        <script src='assets/js/jquery-1.10.2.min.js'></script>

        <script src="assets/js/bootstrap.min.js"></script>

        <script src="assets/js/fuelux/fuelux.wizard.min.js"></script>

    </body>

</html>

但是它没有正确地实现向导(没有为向导渲染样式，按钮单击事件不工作)，有人能帮我吗？

twitter-bootstrap

fuelux

jquery

回答 2

Stack Overflow用户

发布于 2014-05-05 22:02:50

尝试插入require.js。并且您需要用.fuelux类包装内容。

也许你也需要插入loader.min.js

<div class="fuelux">
    <div id="MyWizard" class="wizard">
        <!-- content goes here -->
    </div>

    <div class="step-content">
        <!-- content goes here -->
    </div>
</div>

编辑

尝试将.fuelux类放在body标记上。

票数 1

Stack Overflow用户

发布于 2015-07-17 00:43:01

我遇到了一个问题，即Chevroned选项卡仅呈现为项目符号列表。有点CSS问题的味道。我在他们的网站上做了一个向导示例的视图源代码，删除了文档中概述的fuel ux css，并使用了他们的示例中使用的fuel ux CSS。一切都成功了！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22903691

复制

相似问题

问Fuel UX向导不起作用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fuel UX向导不起作用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fuel UX向导不起作用
EN