Advertisement
Guest User

Untitled

a guest
Jan 24th, 2017
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.86 KB | None | 0 0
  1. // A utility for keeping a Bootstrap drop down menu open after a link is
  2. // clicked
  3. //
  4. // Usage:
  5. //
  6. // <div class="dropdown">
  7. // <a href="" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  8. // Dropdown trigger <span class="caret"></span>
  9. // </a>
  10. //
  11. // <ul class="dropdown-menu" aria-labelledby="dLabel">
  12. // <li><a href="">Edit</a></li>
  13. // <li><a href="" keep-menu-open="true">Delete</a></li>
  14. // </ul>
  15. // </div>
  16.  
  17. $(".dropdown .dropdown-menu a").on("click", function(e) {
  18. var keepMenuOpen = $(this).data("keep-menu-open"),
  19. $dropdown = $(this).parents(".dropdown");
  20.  
  21. $dropdown.data("keep-menu-open", keepMenuOpen);
  22. });
  23.  
  24. $(".dropdown").on("hide.bs.dropdown", function(e) {
  25. var keepMenuOpen = $(this).data("keep-menu-open");
  26.  
  27. $(this).removeData("keep-menu-open");
  28.  
  29. return keepMenuOpen !== true;
  30. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement