2013-03-27 68 views
2

如何获取popover的twitter属性参数值的属性,例如我需要获取列表项属性,即data-boothtype被用在bootstrap popover标题中?数据标题是不够的,虽然

HTML

<li class="booth" data-boothnumber="46" data-boothtype="prime" style="left: 240px; top: 30px;">46</li> 

JS

$('.booth').popover({title: this.data-boothtype + "'s Booth", content: "test", placement: "right", callback:function(){ console.log(this)}}); 

PS: 回调函数是从Callback function after tooltip/popover is created with twitter bootstrap?

$.fn.popover.Constructor.prototype.show = function() { 
    tmp.call(this); 
    if (this.options.callback) { 
    this.options.callback(); 
    } 
} 
测试单元

编辑 这里OK缩小:使用http://jsfiddle.net/tHHQ6/

+0

'this.data-boothtype'甚至不是有效的JavaScript代码。首先得到最基本的东西非常重要... – elclanrs 2013-03-27 02:58:57

+0

噢,不管怎么样,谢谢你的意见,只是调用对象的属性的想法......也许我错过了很多基础知识...... – user1076813 2013-03-27 09:50:10

回答

3

你需要做的

$('.booth').each(function(i, v){ 
    var $el = $(v); 
    $el.popover({ 
     title: 'test' + $el.data('boothnumber'), 
     content: "test", 
     placement: "right" 
    }); 
}); 

演示:Fiddle

+0

我从来没有想过,调用一个dom递归和每个给定的属性W/C可直接访问是一个好主意,感谢这无论如何,这里有一个upvote :) – user1076813 2013-03-27 09:53:06

+0

在这种情况下,这是唯一的方式,因为标题必须动态找到 – 2013-03-27 09:56:29

0

JQuery的,你可以这样做:

$('.booth').data('boothnumber') 

here的。数据()API

+0

但这个问题可能会引起误解,对此感到遗憾,也感谢。我只想把当前($ this)数据用于bootstrap popover title ...在这里,让我帮你帮我:) http://jsfiddle.net/tHHQ6/ – user1076813 2013-03-27 03:11:49