编写结合bootstrap的jQuery代码

Question

jQuery代码如下：

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

我尝试添加这个“bootstrap”代码，但它无效：

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

谁能告诉我应该如何将这些代码一起编写？ 欢呼声。

Answer 1

我不太熟悉bootstrap的东西，但只是看看代码，看起来jQuery选择器有点偏。您应该仅通过ID引用，因此它看起来更像：

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

jQuery选择器就像CSS选择器一样：http://api.jquery.com/category/selectors/ - 在名称之前使用“＃”访问ID，并使用“。”访问某个类的项目。在班级名称之前。

另外，阅读文档（http://twitter.github.com/bootstrap/javascript.html#popovers），您的bootstrap.js副本是否包含工具提示代码？这是必需的。

所有其他代码看起来应该对我有用。