2016-09-17 6 views
1

http://davidstutz.github.io/bootstrap-multiselect/에서 제공하는 부트 스트랩 다중 선택 플러그인을 사용하고 있습니다. 내가 선택한 모든 값을 가진 툴팁 위로 마우스를 가져 가면 문제가 발생합니다. 주어진 이미지와 같이 예기치 않은 결과를 표시합니다. tootip unexpected results 툴팁을 제거하고 싶습니다. 또한 툴팁에 whoes 값이 표시되어있는 버튼 타이틀 속성을 비활성화하려고했습니다. 하지만 작동하지 않습니다. 현재 코드는 다음과 같습니다. 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> 


JQuery와 : 내가 제대로 다음을 yor 질문을 이해하면

$('#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'); 

답변

1

당신의 다음 도구 팁을 제거하고자하는 시도 이

<select class="form-control" data-toggle="tooltip" data-placement="left" title="Tooltip on left" 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> 

내가 나 자신을 답변을 찾을 생각이

$('#speciality').tooltip('hide') 

또는

$('#speciality').tooltip('destroy') 
+0

친애하는 Aditya, 내가 제안한 두 가지 해결책을 시도했지만 여전히 동일한 결과를 얻지 못하고 있습니다. – Arshad

+0

그 선택 태그에있는 도구 팁을 사용하고 있습니까? 아니면 그 코드를 보여줄 수 있습니까 –

1

을 code` 툴팁 사용을 제거합니다. 툴팁으로 표시되는 버튼의 title 속성을 제거했습니다. 내 수정 된 코드는 여기에 있습니다.
은 옵션에 buttonTitle 함수를 재정의 할 필요가 툴팁을 제거하려면 JQuery와 코드

$('#speciality').multiselect({ 
    nonSelectedText: 'Select Speciality', 
    numberDisplayed: 2, 
    buttonClass: 'btn btn-default', 
    buttonWidth: '100%', 
    includeSelectAllOption: true, 
    allSelectedText:'All',    
    selectAllValue: 0, 
    selectAllNumber: false, 
    maxHeight: 100, 
    onDropdownHidden: function(event) { 
     // to remove the title when dropdown is hidden so we can remove the title generated by the plugin 
     $('button[class="multiselect dropdown-toggle btn btn-default"]').removeAttr("title"); 
    } 
}); 

$('button[class="multiselect dropdown-toggle btn btn-default"]').removeAttr("title"); 
2

개정.

$('#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() {}, 
}); 
+0

고마워요! – 11teenth

+0

정말 고마워요. –