禁用自舉開關時添加引導工具提示

Question

與使用引導按鈕的this question類似我正在尋找添加工具提示，以便在禁用自舉開關時顯示。

我有this JSFiddle，當地圖根據下面的代碼達到一定的縮放比例時會禁用開關。我現在想添加一個工具提示，告訴用戶在禁用開關時放大。

map.on('zoomend', function (e) { 
    // Add/remove layers based on zoom level 
    if (map.getZoom()>=5) { 
     $("[name='my-checkbox2']").bootstrapSwitch('disabled',false); 
    } 
    else if (map.getZoom()<5) { 
     $("[name='my-checkbox2']").bootstrapSwitch('disabled',true); 
    } 
}); 

Answer 1

這是沒有用的分配工具提示的複選框本身，因爲它被隱藏 - 代替顯示/隱藏用於外.bootstrap-switch元件的工具提示該複選框被纏繞成：

map.on('zoomend', function(e) { 
    // Add/remove layers based on zoom level 
    if (map.getZoom() >= 5) { 
     $("[name='my-checkbox2']").bootstrapSwitch('disabled', false); 

     $("[name='my-checkbox2']") 
      .closest('.bootstrap-switch') 
      .tooltip('destroy'); 

    } else if (map.getZoom() < 5) { 
     $("[name='my-checkbox2']").bootstrapSwitch('disabled', true) 

     $("[name='my-checkbox2']") 
      .closest('.bootstrap-switch') 
      .attr('title', 'Zoom more in') 
      .tooltip(); 

    } 
}); 

觸發zoomend立即更新提示狀態：

map.fireEvent('zoomend') 

更新小提琴 - >https://jsfiddle.net/ujzaakv3/3