Bootstrap 4 with remote Modal

by

Found the problem: They have removed the remote option in bootstrap 4

remote : This option is deprecated since v3.3.0 and will be removed in v4. We recommend instead using client-side templating or a data binding framework, or calling jQuery.load yourself.

I used JQuery to implement this removed feature.

$('body').on('click', '[data-toggle="modal"]', function(){
        $($(this).data("target")+' .modal-body').load($(this).data("remote"));
    });

More Related Contents:

  1. How to change the bootstrap css width into 1000px? [closed]
  2. anchor click doesn’t open the modal
  3. Issue with a design when content increase [closed]
  4. Dropdown Z-index not responding [closed]
  5. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  6. How to get header from cards or similar to have the same height with flex box?
  7. $(window).width() not the same as media query
  8. Bootstrap 3 Collapse show state with Chevron icon
  9. Bootstrap 4 File Input
  10. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  11. Twitter Bootstrap Collapse plugin Direction—Horizontal instead of Vertical
  12. How to fade loop background images?
  13. Dynamically add a class to Bootstrap’s ‘popover’ container
  14. Bootstrap CSS Active Navigation
  15. Bootstrap Carousel showing next and previous image
  16. Slide down button to show text HTML CSS
  17. Bootstrap with different order on mobile version
  18. One tall div next to two shorter divs on Desktop and stacked on Mobile with Bootstrap 4
  19. How do I auto-hide placeholder text upon focus using css or jquery?
  20. Set width of a “Position: fixed” div relative to parent div
  21. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  22. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  23. How to take id as selector when used hash?
  24. auto resize text (font size) when resizing window?
  25. Mobile site – force landscape only / no auto-rotate
  26. Where is the typeahead JavaScript module in Bootstrap 3 RC 1?
  27. Twitter Bootstrap add active class to li
  28. How to create a diagonal line within a table cell?
  29. Vertically align Bootstrap badge inside heading
  30. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4

Leave a Comment