jquery - 如何隐藏 Bootstrap 多选悬停工具提示？

Question

我正在使用 http://davidstutz.github.io/bootstrap-multiselect/ 提供的 bootstrap multiselect 插件。我面临将鼠标悬停在包含所有选定值的工具提示上的问题。它显示意想不到的结果，如给定的图像。 tootip unexpected results我想删除工具提示我还尝试禁用按钮标题属性，其值显示在工具提示中。但它不起作用。我当前的代码是这样的。
当前 HTML 和 PHP 代码:

<select class="form-control" multiple name="speciality[]" id="speciality">
<?php if($data=$user->getAllSpecialities()){
    foreach($data as $key => $value) {?>
        <option selected value="<?php echo $value['speciality_id'];?>">
                <?php echo $value['speciality_title'];?> 
        </option>
    <?php }
 }?>
</select>

带有多选初始化的 Jquery:

$('#speciality').multiselect({
    nonSelectedText: 'Select Speciality',
    numberDisplayed: 2,
    buttonClass: 'btn btn-default',
    buttonWidth: '100%',
    includeSelectAllOption: true,
    allSelectedText:'All',              
    selectAllValue: 0,
    selectAllNumber: false,
    maxHeight: 100,
    onSelectAll: function() {
        $('button[class="multiselect"]').attr('title',false);
    }
});
//$('#speciality').tooltip().attr('title', 'all specialities');

Answer 1

要删除工具提示，您需要覆盖选项中的buttonTitle 函数。

$('#speciality').multiselect({
nonSelectedText: 'Select Speciality',
numberDisplayed: 2,
buttonClass: 'btn btn-default',
buttonWidth: '100%',
includeSelectAllOption: true,
allSelectedText:'All',              
selectAllValue: 0,
selectAllNumber: false,
maxHeight: 100,
onSelectAll: function() {
    $('button[class="multiselect"]').attr('title',false);
},
buttonTitle: function() {},
});