i'm using ie-11 , have modal automatically loads inside form. not respect the onclick(). also, data-toggle not work. loads automatically.
<form ...> <div id="manage" class="tab-pane"> <div id="media_action_div"> <button type="button" class="btn btn-primary btn-lg media_action_buttons" id="tag_media" disabled="disabled" data-toggle="modal" data-target="#tag_media_modal">tag</button> <button type="button" class="btn btn-danger media_action_buttons" id="delete_media" disabled="disabled">delete</button> <button type="button" class="btn btn-success media_action_buttons" id="activate_media" disabled="disabled">activate</button> <button type="button" class="btn btn-warning media_action_buttons" id="deactivate_media" disabled="disabled">deactivate</button> <button type="button" class="btn btn-default media_action_buttons" id="download_media" disabled="disabled">download</button> </div> </div> </form> here's modal:
<!-- modal html --> <div id="media_delete_confirmation" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">confirmation</h4> </div> <div class="modal-body"> <p>what do?</p> <p class="text-warning"><small>"delete" remove media.</small></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary media_delete_footer" data-dismiss="modal">keep</button> <button type="button" class="btn btn-default media_delete_footer" id="modal_delete" data-dismiss="modal">delete</button> </div> </div> </div> </div> here's simple js:
$("#delete_media").click(function(){ $("#media_delete_confirmation").modal('show'); }); here's "tag" button:
<!-- modal html --> <div id="tag_media_modal" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">tag</h4> </div> <div class="modal-body"> <div class="container"> <?php echo $parser->search(array( 'search' => $parser->student, 'actions' => '<button name="action" value="upload" class="btn">search</button>' )); ?> </div> <?php echo $parser->form_upload->html(); ?> </div> </div> </div> </div>
try code
$(document).ready(function(){ $("#media_delete_confirmation").hide(); $("#delete_media").click(function(){ $("#media_delete_confirmation").show(); }); }) 