tra*_*nte 12 html javascript jquery popover twitter-bootstrap
这个解决方案适用于一个按钮的情况:是否可以使用div作为Twitter的Popover的内容
但在我的页面中,我有一堆弹出窗口(比如说50-100).
所以我需要修改这个解决方案.
这是wa @jävi的解决方案:
$(document).ready(function(){
$('.danger').popover({
html : true,
content: function() {
return $('#popover_content_wrapper').html();
}
});
});
Run Code Online (Sandbox Code Playgroud)
我的每个按钮都有自己的ID.
<a class='danger' data-placement='above' title="Popover Title" href='#'>Click</a>
<div id="popover_div1" style="display: none">
<div>This is your div content</div>
</div>
<a class='danger' data-placement='above' title="Popover Title" href='#'>Click</a>
<div id="popover_div2" style="display: none">
<div>This is your div content</div>
</div>
Run Code Online (Sandbox Code Playgroud)
那么如何重写这个javascript代码片段来覆盖我的所有按钮呢?
Jef*_*rin 13
我自己就是这样做的.您需要将id放在触发弹出窗口的元素中.使用像这样的自定义数据属性(称为"data-id"):
<a class='danger' data-id="popover_div1" data-placement='above' title="Popover Title" href='#'>Click</a>
Run Code Online (Sandbox Code Playgroud)
然后你可以稍微修改你的javascript以编程方式获取data-id属性值:
$(document).ready(function(){
$('.danger').popover({
html : true,
content: function() {
return $($(this).attr('data-id')).html();
}
});
});
Run Code Online (Sandbox Code Playgroud)
将包含 popover html 的 div 的 id 存储在 a 元素的 rel 属性中
<a rel="popover_div2" ... >click</a>
Run Code Online (Sandbox Code Playgroud)
然后获取点击侦听器中点击锚点的 rel (不确定 popover 方法如何存储它,但我确信它确实如此):
var myRel = $(this).attr(rel);
return $(myRel).html();
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
9035 次 |
最近记录: |