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)