问答详情
源自:4-4 警告框--JavaScript触发警告框

如何确定一个按钮关闭哪一个警告框呢??用JS来触发的话

如何确定一个按钮关闭哪一个警告框呢??用JS来触发的话,给按钮绑定了事件,却没有绑定哪一个警告框。。。。

提问者:null__ 2016-02-14 02:29

个回答

  • 爱吃鱼的狐
    2016-05-30 17:02:17
    已采纳

    <div class="alert alert-warning" role="alert" id="myAlert">
        <h4>谨防被骗</h4>
        <p>请确认您转账的信息是你的亲朋好友,不要轻意相信不认识的人...</p>
        <button type="button"  class="btnbtn-danger" id="close">关闭</button>
    </div>
    <div class="alert alert-warning" role="alert" id="myAlert1">
        <h4>谨防被骗</h4>
        <p>1请确认您转账的信息是你的亲朋好友,不要轻意相信不认识的人...</p>
        <button type="button"  class="btnbtn-danger" id="close1">关闭</button>
    </div>
      <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
      <script src="//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>

  • null__
    2016-02-14 20:01:16

    并没有用。。。

    <body>

    <div class="alert alert-warning" role="alert" id="myAlert1">

        <h4>谨防被骗</h4>

        <p>请...</p>

        <button type="button"  class="btn btn-danger" id="close1">关闭</button>

    </div>

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

        <h4>谨防被骗</h4>

        <p>请...</p>

        <button type="button"  class="btn btn-danger" id="close2">关闭</button>

    </div>  

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

      <script src="//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>

    点击两个按钮都是关闭第二个警告框。。。


  • longdechuangren
    2016-02-14 17:44:39

    在警告框中加入关闭按钮