I was assigned to integrate MangoSlick theme to our current admin panel,
Its a jQuery, Slick(?) and Responsive template.
First, let me explain how
the API goes
In
the documentation, it only says this is
the only way
data-[options]=[value]
Example:
If I wanna make a progress bar
I can use this format
<div class="progress">
<div class="bar" data-title="[title]" data-value="[value]" data-max="[max]" data-format="[format string]"></div>
</div>
so filling-in values
<div class="progress">
<div class="bar" data-title="Space" data-value="1285" data-max="5120" data-format="0,0 MB"></div>
</div>
I will have this as output
Now,
the main question is when I use jQuery attr() to change
the attribute values for data-title, data-max, data-value and data-format.
Why is it not working?
<script>
var jq = $.noConflict();
jq(document).ready(function(){
jq('#bokz').attr("data-title", "No Space");
});
</script>
Using
the script above and inspect element in chrome
the values are changed
but not in
the progressbar
Some of you may have some ideas on this?
Any help/suggestion would be very much appreciated.
