bootstrap工具提示 - 动态添加工具提示

时间:2015-10-01 09:45:29

标签: jquery html twitter-bootstrap twitter-bootstrap-tooltip

我有一个包含三个选项的选择列表。

当用户选择选择列表中的任何选项时,引导工具提示会附加到选择列表,并且只有当用户将鼠标悬停在选择列表上时才会显示工具提示。

我遇到的问题是工具提示仅在用户选择0或9999选项时显示。

我无法理解为什么工具提示不会显示选择列表的8888选项。

我检查了我的代码,阅读tooltip docs并搜索了SO&谷歌。

我希望别人可以指出我的错误。 这可能是我的一个愚蠢错误 - 但我看不到它。

这是我的HTML选择列表代码:

<select id="id_professional_development_display_type" name="professional_development_display_type" data-original-title="" title="" class="input-xlarge7">
    <option value="0">Display standard Professional Development Details</option>
    <option value="8888">Display only Description with prompt</option>
    <option value="9999">Display only Description without prompt</option
</select>

这是我的jquery代码(当页面加载时和选择列表更改时调用以下函数):

function displayToolTipMessage() {

    if ($('#id_professional_development_display_type').val() != '0' ) {

        $('#id_professional_development_display_type').tooltip('destroy');
        $('#id_professional_development_display_type').tooltip({'html': true, 'title': 'The Display Type is used to customize how you can display your Professional Development Details.<br /><br />Only the Description will be displayed with this selection!', 'trigger': 'hover'});

    } else {

        $('#id_professional_development_display_type').tooltip('destroy');
        $('#id_professional_development_display_type').tooltip({'html': true, 'title': 'The Display Type is used to customize how you can display your Professional Development Details.<br /><br />This selection will display all the entered Professional Development Details.', 'trigger': 'hover'});

    }

}

0 个答案:

没有答案