我有一个包含三个选项的选择列表。
当用户在选择列表中选择任何选项时,会在选择列表中附加一个引导工具提示,并且仅当用户将鼠标悬停在选择列表上时才会显示该工具提示。
我遇到的问题是工具提示仅在用户选择 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'});
}
}