search

VinceG / twitter-bootstrap-wizard

This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.
MIT License
1.39k stars 676 forks source link

Doesn't work in Wordpress #118

Closed sanmen1593 closed 9 years ago

sanmen1593 commented 9 years ago

I'm using it in Wordpress. I'm already use bootstrap in my wordpress template. I just add de bootstrap wizard file and the example that we can find in http://vadimg.com/twitter-bootstrap-wizard-example/examples/basic-progressbar.html

In my footer, just before the "body" end tag, i put the code: http://pastebin.com/ihuLLEYG

<script>
        jQuery(document).ready(function() {
                jQuery('#rootwizard').bootstrapWizard({onTabShow: function(tab, navigation, index) {
                        var $total = navigation.find('li').length;
                        var $current = index+1;
                        var $percent = ($current/$total) * 100;
                        jQuery('#rootwizard').find('.progress-bar').css({width:$percent+'%'});
                }});   
        });    
</script>

But it doesn't work. Is there a known bug with this on Wordpress?

VinceG commented 9 years ago

@sanmen1593 any errors in console?

sanmen1593 commented 9 years ago

@VinceG Nope. Just doesn't work the effects. I'm not using bootstrap wizard any more, i develop my own "script" that aproach a little with de wizard. Thanks anyway.

A clue can be the version of bootstrap and jQuery, but didn't have time to check.

samjco commented 5 years ago

Yes, I'm using with WordPress. It is the version conflict I bet.