having trouble implementing this...
panosmm opened this issue · 6 comments
thanks so much for this wonderful tool. I've had the following problem with it. Following your instructions I get the error:
Uncaught TypeError: Object [object Object] has no method 'progressbar'
all other bootstrap js tools, like popovers, work fine on my page. I have also verified that bootstrap-progressbar.js and jquery-1.7.2.min.js load as they should
If you have any suggestions, I would greatly appreciate it. If not, no worries, and thanks again
can you please post your code snippet?
Chrome complaints about the
{ $(".progress .bar").Progressbar();
line
when I inspect the page in chrome I can see that the bootstrap-progressbar.js file loads properly...
<script src="/static/zzzjs/jquery-1.7.2.min.js"></script>
<script src="/static/starter-template_files/bootstrap-popover.js"></script>
<script src="/static/zzzjs/bootstrap-progressbar.js"></script>
<script>
$(function ()
{ $("tr").popover({placement:'bottom'});
});
</script>
<script>
$(function()
{ $(".progress .bar").Progressbar();
});
</script>
<table class="table table-condensed">
<tbody>
<tr id="qtip" rel="popover" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title"><td>
<h4>
1. What is your favorite color?
<span class="label label-success">Correct</span>
</h4>
<table>
<tr>
<td>
30%
</td>
<td width="70">
<div class="progress progress-warning">
<div class="bar" style="width: "0" data-percentage="75""></div>
</div>
</td>
<td>
</tr>
</table>
you wrote progressbar:
$(".progress .bar").Progressbar();
with a capital letter. thats wrong ;-)
$(".progress .bar").progressbar();
should do the trick.
best regards
of course it did. sorry to waste your time with this :)
np =) btw. there will be an update (0.5.0) in the next week including milestones. little sneak peak for my small community ;-)
thanks, will definitely check it out