引导程序选择的动态工具提示

时间:2018-09-07 09:11:12

标签: twitter-bootstrap jquery-selectors bootstrap-selectpicker

当我将鼠标移到项目工具提示文本应显示其值时,我需要在引导选择下拉列表中添加动态工具提示。 但是在我的示例中,仅显示静态文本或一起显示所有项目的价值!(在图片中) [https://cdn1.imggmi.com/uploads/2018/9/7/21093ba294817db8cb4cf968e467fe64-full.png] 如何将每个项目值放入项目工具提示?

谢谢

// in this I try to add each span text to each li element???
    var tooltipMap = {};
    $('#id').data('selectpicker').$lis.each(function () {
    var li = $(this);
    var elementtext = li.find('span.text').text();
    var tooltipString = tooltipMap[elementtext];
    if (tooltipString){
        li.tooltip({ trigger: 'hover', placement: 'right', title: tooltipString }); }

//show only static text inside tooltip for all loaded items
    $('#id').data('selectpicker').$lis.attr('title', 'static text').tooltip();}); 

1 个答案:

答案 0 :(得分:0)

工作版

 $("#id").each(function (i) {

                if ( i > 0 ) {
                    var test= "title is : " + $(this).text();

                    $(this).attr("title", sube).tooltip();
                   //alert(test);
                }

        });

处理静态文本

$('#id').on('shown.bs.select', function () {
$($(this).data('selectpicker').current.elements).attr('title', sube).tooltip();
 });