Writing jQuery code combined with bootstrap

Question

The jQuery code is like:

var $seatdiv = $('<div id = "seat'+i+'" class="seat-class"></div>')
.css({left: leftValue + 'px', bottom: bottomValue + 'px'});

I tried to add this "bootstrap" code, but it is not working:

$seatdiv.popover({content:row_label+" "row_name+"  " +column_label+ " "+column_name});

Who can tell me how I should write these code together? Cheers.

breezy · Accepted Answer · 2012-10-04 00:25:42Z

1

I am not too familiar with the bootstrap stuff, but by just looking at the code it seems like the jQuery selector is a little off. You should reference only by ID, so it would look more like:

var itemID = '#seat' + i;    
$(itemID).css(...);
$(itemID).popover(...);

jQuery selectors are just like CSS selectors: http://api.jquery.com/category/selectors/ -- ids are accessed with a '#' before their name, and items of a certain class are accessed with a '.' before the name of the class.

Also, reading through the docs (http://twitter.github.com/bootstrap/javascript.html#popovers), does your copy of bootstrap.js include the tooltip code? It is required.

All of your other code looks like it should work to me.

edited Oct 4, 2012 at 0:25

answered Oct 4, 2012 at 0:07

breezy

236 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Writing jQuery code combined with bootstrap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related