引導模式按鈕單擊事件在第一次

我是新來Twitter的引導。我不解僱我使用引導3 ，這是我的html代碼引導模式按鈕單擊事件在第一次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Bootstrap Samples</title> 
<script src="scripts/jquery1.10.2.min.js"></script> 
<script src="bootstrap-3.1.1-dist/js/bootstrap.min.js"></script> 
<link rel="stylesheet" type="text/css" href="bootstrap-3.1.1-dist/css/bootstrap.min.css" /> 
<link rel="stylesheet" type="text/css" href="bootstrap-3.1.1-dist/css/bootstrap-theme.min.css" /> 
<style> 
.banner {color:#FF0000;} 
</style> 
<script> 
$(document).ready(function(){ 
$("#MyModal5").on('hidden.bs.modal',function(){ 
      $("#btnYes").on('click',function(e){ 
       var $myMod = $(this); 
       var id = $myMod.data('cust-id'); 
       if(id=='y'){ 
        alert("You clicked yes button"); 
       } 
      }); 
     }); 
    }); 
</script> 
</head> 
<body> 
<!-- -------------------------------------------------------------------- --> 
<div class="modal fade" id="MyModal5"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-title"> 
       <label style="color:#FF6600;">Confirmation</label> 
      </div> 
      <div class="modal-header"> 
       <button class="close" data-dismiss="modal">&times;</button> 
      </div> 
      <div class="modal-body"> 
       <label>This may cause to make an additional hit to server. Are you sure you want to continue ?</label> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-success btn-sm" id="btnYes" data-cust-id="y" data-dismiss="modal">Yes</button> 
       <button class="btn btn-danger btn-sm" id="btnNo" data-cust-id="n" data-dismiss="modal">No</button> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- -------------------------------------------------------------------- --> 
<div class="container"> 
    <div class="row"> 
     <div class="col-sm-12"> 
      <label>If you want to visit google</label><a href="#" data-toggle="modal" data-target="#MyModal5">Click here</a> 
     </div> 
    </div> 
</div> 
</body> 
</html>

想法是，我有一個鏈接，而我點擊那個鏈接，我需要填充model.its工作，現在如果我點擊該模式上的'是'按鈕，我需要一個警報，但問題是，當第一次點擊yes按鈕時，警報沒有顯示，但如果我對按鈕它顯示第二次再次點擊，另一個問題是謂如果我點擊了第三次警報顯示twise，我不知道確切的原因，我懷疑這是因爲jQuery的事件的。任何一個可以幫助我解決售後服務這個問題

來源

2014-03-25 abhi

您註冊click事件* *內其他活動！當然，它不會第一次工作。把兩個'.on'調用一個接一個地改變，並且改變你的邏輯以適應。 –

我相信這個問題可以從你的點擊事件綁定幹嵌套。嘗試刪除外部綁定，並以這種方式註冊點擊事件：

$(document).ready(function() { 
    $("#btnYes").on("click",function(e) { 
      var $myMod = $(this).closest(".modal"); // Select on closest parent modal 
      // Now run your required code 
     }); 
    }); 
});

希望這個作品，並幫助！祝你好運。

來源

2014-03-25 21:10:21

引導模式按鈕單擊事件在第一次

回答

相關問題