Bootstrap Button click event with Jquery override -
i prototyping new website using bootstrap 3 , jquery.
i have run problem click event of button in works once...only. click event overridden in jquery , think problem lies...not jquery, knowledge of jquery.
the html code is...
<div class="row" id="bigcallout"> <div class="col-md-12"> <!-- alert block show when bloody big button pressed --> <div class="alert alert-success alert-block fade in" id="successalert"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>success!</h4> <p>you made element display using jquery. click 'x' close bad boy!</p> </div><!-- end alert-block --> <!-- visible on small devices --> <div class="well well-sm visible-sm"> <a href="#" class="btn btn-large btn-block btn-default"><span class="glyphicon glyphicon-phone"> give call!</span></a> </div><!-- end well-sm --> <div class="well"> <div class="page-header"> <h1>a fancy header. <small>a subheading awesomeness...dood!</small></h1> </div><!-- end page-header --> <p class="lead">some catchy copy users engaged . use area come nice , convincing. know i'm saying?</p> <!-- bloody big button set alert block --> <a href="#" class="btn btn-large btn-primary" id='alertme'>a bloody big button</a> <a href="#" class="btn btn-large btn-link">...or secondary link</a> </div><!-- end --> </div><!-- end col-md-12 --> </div><!-- end bigcallout --> and jquery code button click is...
$(function(){ //big button click event $("#alertme").click(function(e){ e.preventdefault(); $("#successalert").slidedown(); }); }); at time action can happen one-time , need allow repeated without refreshing screen.
Comments
Post a Comment