javascript - Jquery Works only once for alert of Bootstrap I am showing on page Asp.net -
i want work every time. every time click on save button without refreshing page.
here code.
jquery code in admin.master:
<script> $(document).ready(function () { $("#successalert").hide(); $("#sucess").click(function showalert() { $("#successalert").alert(); $("#successalert").fadeto(2000, 500).slideup(500, function () { $("#successalert").alert('close'); }); }); });
settings.aspx code
<div class="modal" id="menuiconmodal" tabindex="-1" role="dialog" aria-labelledby="mylargemodallabel"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="close"> <span aria-hidden="true">×</span></button> <h4 class="modal-title">menu</h4> </div> <div class="modal-body"> // input tags </div> <div class="modal-footer"> <a href="javascript:;" id="sucess" class="btn btn-primary" data-dismiss="modal">save</a> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal --> // alert showing while <div class="alert alert-success alert-dismissible" id="successalert"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <h4><i class="icon fa fa-check"></i> hey!</h4> menu item added sucessfully !!!! </div>
Comments
Post a Comment