Получаю некоторые данные после вызова AJAX, и я заполняю список.Загрузите динамический контент в bootstrap modal
Но когда элемент щелкнул по этому списку, я хочу показать модальную информацию об этом товаре (например, изображение, насколько он популярен - сколько раз он был нажат - автор и т. Д.). Я могу сделать это в уродливом виде:
$('#target').append(
$('<div class = "col-md-4" data-toggle = "modal" data-target = "#myModal" onClick = someFunction(' + someArgument + ')>' + someText + '</div>' +
'<div class = "modal fade" id = "myModal" role = "dialog">' + '<div class = "modal-dialog modal-lg">' +
'<div class = "modal-content"> <div class = "modal-header"> <h4 class = "modal-title">' + someTitle + '</h4></div>' +
'<div class = "modal-body">Description: ' + description + ' Author: ' + author + '<br</br>' +
'<img src = "' + imgSource + '" class = "modal-dialog modal-lg" style = "max-width: 25%;">' +
'<button type = "button" class = "close" data-dismiss = "modal" id = "myModal">×</button>' +
'<div class = "modal-footer"></div></div></div></div></div>'));
Это некрасиво, подвержены ошибкам, трудно поддерживать, трудно читать. Можно ли это сделать более элегантно?
Это, кажется, делает вещи более элегантно и легко читается. Благодарю. – user3804799