anchor click doesn’t open the modal

by

Make sure you’re calling bootstrap.min.js after jquery.min.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css>

<a href="#" data-toggle="modal" data-target="#modalTC">terms and conditions</a>


<!-- Modal -->
 <div class="modal fade" id="modalTC" role="dialog">
  <div class="modal-dialog">
   <!-- Modal content-->
    <div class="modal-content">
     <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times; </button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>Some text in the modal.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
   </div>
  </div>
 </div>

More Related Contents:

  1. How to change the bootstrap css width into 1000px? [closed]
  2. Issue with a design when content increase [closed]
  3. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  4. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  5. How to fade loop background images?
  6. Bootstrap CSS Active Navigation
  7. jQuery Adding new option to select element doesn't pick up the string [closed]
  8. Add Content to webpage using only CSS
  9. What will be selector for multi class HTML element in CSS or JQuery?
  10. Slide down button to show text HTML CSS
  11. Auto-scaling input[type=text] to width of value?
  12. Bootstrap 3 Collapse show state with Chevron icon
  13. Find text string in jQuery and make it bold
  14. Add and remove a class on click using jQuery?
  15. Number nested ordered lists in HTML
  16. Hide Twitter Bootstrap nav collapse on click
  17. Making radio buttons look like buttons instead
  18. How do I auto-hide placeholder text upon focus using css or jquery?
  19. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  20. expand/collapse table rows with JQuery
  21. How to create a responsive image that also scales up in Bootstrap 3
  22. Can I fade in a background image (CSS: background-image) with jQuery?
  23. Creating a hole in a element
  24. Can an iframe only show a certain part of the page?
  25. Bootstrap Dropdown with Hover
  26. CSS for the “down arrow” on a element?
  27. How to keep footer at the bottom even with dynamic height website
  28. How to create a diagonal line within a table cell?
  29. Show/ Hide Table Column with colspan using jQuery
  30. How add spaces between Slick carousel item

Leave a Comment