                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（JS插件篇）

如何確定一個(gè)按鈕關(guān)閉哪一個(gè)警告框呢？？用JS來(lái)觸發(fā)的話

如何確定一個(gè)按鈕關(guān)閉哪一個(gè)警告框呢？？用JS來(lái)觸發(fā)的話,給按鈕綁定了事件，卻沒(méi)有綁定哪一個(gè)警告框。。。。

null__

2016-02-14

源自：玩轉(zhuǎn)Bootstrap（JS插件篇） 4-4

關(guān)注問(wèn)題我要回答

1824

操作

收起

3 回答

愛吃魚的狐回答被采納 +3 積分
2016-05-30

<div?class="alert?alert-warning"?role="alert"?id="myAlert">
????<h4>謹(jǐn)防被騙</h4>
????<p>請(qǐng)確認(rèn)您轉(zhuǎn)賬的信息是你的親朋好友，不要輕意相信不認(rèn)識(shí)的人...</p>
????<button?type="button"??class="btnbtn-danger"?id="close">關(guān)閉</button>
</div>
<div?class="alert?alert-warning"?role="alert"?id="myAlert1">
????<h4>謹(jǐn)防被騙</h4>
????<p>1請(qǐng)確認(rèn)您轉(zhuǎn)賬的信息是你的親朋好友，不要輕意相信不認(rèn)識(shí)的人...</p>
????<button?type="button"??class="btnbtn-danger"?id="close1">關(guān)閉</button>
</div>
??<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
??<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
??<script>
?????$(function(){
????????????$("#close").on("click",function(){
????????????????$(this).alert("close");
????????????});
????????????$("#close1").on("click",function(){
????????????????$(this).alert("close");
????????????});
??????????});
??</script>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

null__ 提問(wèn)者

非常感謝！

2016-06-01 回復(fù) 有任何疑惑可以回復(fù)我~

null__ 提問(wèn)者
2016-02-14

并沒(méi)有用。。。

<body>

? ? <h4>謹(jǐn)防被騙</h4>

? ? <p>請(qǐng)...</p>

? ? <button type="button" ?class="btn btn-danger" id="close1">關(guān)閉</button>

</div>

? ? <div class="alert alert-warning" role="alert" id="myAlert2">

? ? <h4>謹(jǐn)防被騙</h4>

? ? <p>請(qǐng)...</p>

? ? <button type="button" ?class="btn btn-danger" id="close2">關(guān)閉</button>

</div> ?

? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

? <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

? <script>

? ? $(function(){

? ? ? ? $("#close1").on("click",function(){

? ? ? ? ? ? $(this).alert("close"); ?

? ? ? ? }); ? ? ??

? ? ? ? $("#close2").on("click",function(){

? ? ? ? ? ? $(this).alert("close"); ?

? ? ? ? });?

});

? </script>

點(diǎn)擊兩個(gè)按鈕都是關(guān)閉第二個(gè)警告框。。。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

陳微語(yǔ)

這樣寫是對(duì)的，你把兩個(gè)警告框的內(nèi)容弄成不一樣的先吧

2016-04-25 回復(fù) 有任何疑惑可以回復(fù)我~

#2

西風(fēng)瀟瀟

有用的，因?yàn)槟愕?個(gè)警告框內(nèi)容是一模一樣的，所以點(diǎn)擊的時(shí)候會(huì)造成視覺上的錯(cuò)覺，認(rèn)為關(guān)閉的是同一個(gè)按鈕，其實(shí)關(guān)閉的是不同的。隨便修改下某一個(gè)警告框的內(nèi)容，就可以發(fā)現(xiàn)。

2016-06-11 回復(fù) 有任何疑惑可以回復(fù)我~

#3

null__ 提問(wèn)者回復(fù) 西風(fēng)瀟瀟

666，是的，謝謝了！

2016-06-13 回復(fù) 有任何疑惑可以回復(fù)我~