引導/ jQuery淡入淡出轉換不起作用

我試圖引導支持添加到現有的jQuery/CSS的網站。除了實現引導更改，我必須修復一堆格式 - 它似乎正在影響我擁有的彈出過渡，似乎無法弄清楚。我希望你能幫忙，謝謝！

通過定期的jQuery/CSS（沒有UI），我創造，我彈出一個模式對話框。

BEFORE自舉 - 在彈出框（即，不透明度/阿爾法）將「褪色」。但是，在添加引導程序.css/.js之後 - 現在它只是使背景變灰並且完全不透明。

我該如何解決？

這是一個只用CSS工作代碼/ jQuery的

<div class=sample-dialog> 
    <div class=modal-overlay> 
    <div class=modal-content> 
     <div class=modal-body> 
     random content 
     </div> 
    </div> 
    </div> 
</div>

然後jQuery的彈出代碼，我叫

function showModal() { 

var m = $('.sample-dialog'); 
var o = m.find('.modal-overlay'); 
var c = m.find('.modal-content'); 
var b = c.find('.modal-body'); 

m.css('display','block'); 

o.animate({'opacity':.8},350); 
b.animate({'opacity':1,'margin-top':0},350,function() { 
    c.css('overflow-y','auto'); 
}); 
}

這個「作品」只用了jQuery/CSS。

但是，只要我添加引導程序的.js/.css文件在我的頭，在確切相同的過渡現在顯示沒有不透明度（僅顯示爲灰色背景）。

關於如何解決任何想法？

作爲第二件事情 - 我也注意到一個與引導文件添加，過渡似乎是「震盪」，而不是漂亮的「平滑」一個我了。如果你也有這方面的見解，那就太棒了！

非常感謝！

來源

2017-08-23 user6262902

那麼....首先，除非你沒有顯示所有的代碼。不知道變量o.animate會做什麼。沒有？沒有o定義。但除此之外，可能會將您的自定義模式的類重命名爲不由引導程序聲明的內容。因此，將模態主體，模態內容重命名爲其他內容。否則，它會使用任何設置bootstrap有 – KyleK

對不起。我試圖在這裏保持「緩和」並編輯出任何不必要的代碼 - 並意外刪除了這些代碼。我現在更新了它。 o只是一個外部div類。 – user6262902

好吧...做一些'快速'測試 - 有趣的 - 不知道bootstrap是使用'模態重疊'類，等等（只是重新命名那些'種'修復了一些東西 - 但我有更多的CSS比只是該代碼剪輯）。所以問題：有沒有反正能夠使用我現有的代碼，而不必重命名100的變量名稱（在CSS中，我的.js代碼等），以防引導程序「可能」引用變量名？我確實有bootstrap .css（我的第二，所以我認爲它會覆蓋啓動.css） – user6262902

這可能是引導過渡的規則創建衝突，我記得4.0.0-alpha.6版本的工作是不可能的修改高度的模型的轉變。

這將是過渡模式的默認值（與.fade類）

_transitions.scss

.fade.show { 
    opacity: 1; 
} 
.fade { 
    opacity: 0; 
    -webkit-transition: opacity 0.15s linear; 
    -o-transition: opacity 0.15s linear; 
    transition: opacity 0.15s linear; 
    transition-property: opacity; 
    transition-duration: 0.15s; 
    transition-timing-function: linear; 
    transition-delay: initial; 
}

這個我想可以幫助你;

啓用各種組件

$enable-transitions: true (default) or false

Documentation [email protected] /Customizing variables

很抱歉，如果引導版本不利於預定義的轉換，但它是我使用過的唯一版本。

來源

2017-11-18 21:40:13 Enmanuel

引導/ jQuery淡入淡出轉換不起作用

回答

相關問題