我在 bootstrap pophover 上关注 jävi 在 div 上的帖子,但不知道如何为整个 div 放置 id。我实际上希望当鼠标悬停到语言名称粤语或英语时会弹出阅读、写作、听力、说话的进度条。由于 Smarty foreach,我不能将 id=popover_content_wrapper 放到每个技能中......
JSFIDDLE:http: //jsfiddle.net/6TaQt/14/
代码:
{foreach from=$complexElements key="complexElementKey" item="complexElementItem"}
<div class="row-fluid">
{foreach from=$form_fields item=form_field}
{if $form_field.caption == "Language Name"}
<h4><a class='danger' data-placement='above' title="Popover Title" href='#'>{display property=$form_field.id complexParent=$complexField complexStep=$complexElementKey}</a> </h4>
{else}
<div id="popover_content_wrapper" style="display: none" style="display:inline">
<label class="span4" for="slider">[[$form_field.caption]]</label>
<div class="span8">
<div class="progress progress-info progress-striped" rel="tooltip" title="{display property=$form_field.id complexParent=$complexField complexStep=$complexElementKey}%">
<div class="bar" style="width: {display property=$form_field.id complexParent=$complexField complexStep=$complexElementKey}%;"></div>
</div>
</div>
</div>
{/if}
{/foreach}
</div>
{/foreach}