2017-05-04 63 views
0

我用範圍滑塊seiyria angular-bootstrap-slider,但最初當頁面加載工具提示是在錯誤position.when它被放置在正常頁面時,它工作正常,但在模態它在本質上是錯誤的位置,但是當我點擊它將被設置。所以如何解決這個問題。Tooltip無法在引導模式下工作?

HTML:

<button class="btn btn-default" value="modal" 
     onclick="confirmChangeMaxHours();"><i 
      class="glyphicon glyphicon-cog"></i> Adjust Value 

這裏是鏈接:

Codepen

我發現了這個建議,在一些網站

setTimeout(function() { 
slider.slider("relayout"); 
}, 500); 

但是,在哪裏我必須給setTimeout函數,我試圖給,但它顯示像滑塊沒有定義的錯誤。

在此先感謝。

+0

歡迎[這麼]!在這個網站,你應該嘗試**自己編寫代碼**。後** [做更多的研究](//meta.stackoverflow.com/questions/261592)**如果你有問題,你可以**發佈你已經嘗試**與清楚的解釋是什麼是'工作**並提供[** Minimal,Complete和Verifiable示例**](// stackoverflow.com/help/mcve)。我建議閱讀[問]一個好問題和[完美問題](http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/)。另外,一定要參加[遊覽]並閱讀[this](// meta.stackoverflow.com/questions/347937/)**。 –

+0

請問請詳細說明您的問題,您希望在按鈕懸停或模式中使用工具提示?頁面加載是什麼意思?什麼不是在引導模式中呈現? –

+0

@ this.girish在我打開模態時,工具提示位置錯誤,如鏈接所示。它距離滑塊處理器 – pbsbr

回答

2

添加這個CSS到你的代碼

.tooltip{ 

    margin-left:-32px!important 
} 
+0

不,我必須設置一些默認值,Iam要求滑塊手柄只在正確的位置,但工具提示必須在其上。 – pbsbr

+0

更新,請檢查 –

+0

嘿感謝它爲我工作。 – pbsbr