如何隐藏引导多选悬停工具提示?

Ars*_*had 1 css jquery bootstrap-multiselect

我正在使用http://davidstutz.github.io/bootstrap-multiselect/提供的bootstrap multiselect插件。我将鼠标悬停在具有所有选定值的工具提示上时遇到问题。它显示出意外的结果,如给定的图像。tootip意外的结果 我想删除工具提示我也曾尝试禁用按钮标题属性,该值在工具提示中显示。但这不起作用。我当前的代码是这样的。
当前带有PHP代码的HTML:

<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>
Run Code Online (Sandbox Code Playgroud)


具有多选初始化的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');
Run Code Online (Sandbox Code Playgroud)

小智 5

要删除工具提示,您需要在选项中覆盖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() {},
});
Run Code Online (Sandbox Code Playgroud)