1

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

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

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

我不明白为什么选择列表的 8888 选项不显示工具提示。

我检查了我的代码,阅读了工具提示文档并搜索了 SO & Google。

我希望其他人可以指出我的错误。这对我来说可能是一个愚蠢的错误——但我就是看不到它。

这是我的 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'});

    }

}
4

0 回答 0