CODEWITHSUNDEEP
javascriptjquerytwitter-bootstrapzurb-foundationfuelux
Reynier
Reynier

Reputation: 2478

Issues using FuelUX with Foundation

I have a project built on top of Zurb Foundation, now I need to use some FuelUX components such as "wizard" and "tree". For that I include Twitter Bootstrap library (2.3.2 version downloaded from Bootstrap site) and also include "all.min.js" from FuelUX, when I use the same HTML markup as come in index.html but for some reason it doesn't work. So I tried to fire the plugin using $("#MyWizard").wizard() and get this error:

TypeError: $(...).wizard is not a function $("MyWizard").wizard();

Any ideas in how to get this work?

How I include scripts

This is the order in which I include scripts:

<script type="text/javascript" src="/bundles/product/js/bootstrap/bootstrap.min.js?0.1"></script>
<script type="text/javascript" src="/bundles/product/js/fuelux/all.min.js?0.1"></script>
<script type="text/javascript" src="/bundles/stock/js/jquery-impromptu.js?0.1"></script>
<script type="text/javascript" src="/bundles/product/js/product.js?0.1"></script>
<script>
    $("MyWizard").wizard();
</script>

Upvotes: 0

Views: 550

Answers (1)

Adam Alexander
Adam Alexander

Reputation: 15180

This was also posted to https://github.com/ExactTarget/fuelux/issues/259 and from what I'm seeing, being careful to follow the instructions at https://github.com/ExactTarget/fuelux/wiki/Using-Fuel-UX#simple-integration-into-a-page should straighten things out. Hope this helps!

Upvotes: 1

Related Questions