Ситуация следующая:
- Имеется несколько кнопок для вызова модального окна:
<a href="#myModal" data-toggle="modal" data-load-remote="/shop/items/item.html" data-remote-target="#myModal .modal-body">Ссылка 1</a>
- При нажатии на кнопку загружается контент с другой страницы. Загрузка контента происходит с помощью "data-load-remote" :
$('[data-load-remote]').on('click',function(e) {
e.preventDefault();
var $this = $(this);
var remote = $this.data('load-remote');
if(remote) {
$($this.data('remote-target')).load(remote);
}
});
Трудность в том, что страница в модальное окно загружается целиком. Возможно ли загрузить в модальное окно только часть страницы, например из блока
<div id="content"></div>
?