Javascript 如何使用jQuery调用引导警报?
假设我有以下代码:Javascript 如何使用jQuery调用引导警报?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,假设我有以下代码: <div class="alert alert-info fade in" id="bsalert"> <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> <strong>Info!</strong> This alert box could indicate a neutral informati
<div class="alert alert-info fade in" id="bsalert">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>Info!</strong> This alert box could indicate a neutral informative or action
</div>
信息此警报框可能表示一个中立的信息或行动
如何使用jQuery手动激活它?引导程序使用
in
和out
类来实现可见性。您只需要切换这些类。此外,如果要在取消警报后保持警报,可以在close.bs.alert
事件中添加return false
函数toggleAlert(){
$(“.alert”).toggleClass('in-out');
return false;//阻止close.bs.alert事件从DOM中删除
}
美元(“#btn”)。在(“点击”,TogleAlert);
$('bsalert').on('close.bs.alert',toggleAlert)
切换
信息此警报框可能表示一个中立的信息或行动
内容
特定的引导组件只是一个HTML和CSS构造,不涉及javascript。如果您的意思是希望动态地将其插入到页面中,那么您需要编写自己的代码来构建HTML并在需要时将其插入到DOM中,或者在页面中放置一个HTML,但在默认情况下将其隐藏。然后,您可以根据需要hide()
或show()
。会有帮助的。$('bsalert').fadeIn()是的,这正是我想要的。我这样做是因为对于BS的模态,有一种特殊的jQ方法,您可以使用它“手动”触发一个对话框,它被称为.modal()代码>。我找不到类似的警报,这让我来到这里。我想我明白了,谢谢你的解释。当我写这篇文章的时候,确切的答案出现了,谢谢@TonyHinkle.)激活是什么意思?非常感谢您给出的完整答案!我觉得它很有用,很有说服力。。。明确使用一个。:)