Cześć,
na podstawie tej strony (https://www.codeproject.com/Questions/997523/Hot-to-get-value-from-bootstrap-popup-to-main-page) utworzyłem kod HTML i jQuery:
<button type="button" class="btn btn-primary" id="addTopicBtnSubmit" data-toggle="modal" data-target="#addTopicDialog">Add Topic</button>
<div class="modal fade" id="addTopicDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Add topic</h4>
</div>
<div class="modal-body">
input in popup:
<input type="text" class="form-control" id="myPopupInput" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="addEntryDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Add entry</h4>
</div>
<div class="modal-body">
input in popup:
<input type="text" class="form-control" id="myPopupInput2" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
$('#addTopicDialog').on('click', '.btn-primary', function(){
var value = $('#myPopupInput').val();
$('#myMainPageInput').val(value);
$('#addTopicDialog').modal('hide');
$('#topics').append('<div id="space"><h1>' + value + '</h1>' +
'<button type="button" class="btn btn-primary" id="addEntryBtnSubmit" data-toggle="modalEntry" data-target="#addEntryDialog">Add Entry</button></div>');
});
$('#addEntryDialog').on('click', '.btn-primary', function(){
var value = $('#myPopupInput2').val();
$('#myMainPageInput').val(value);
$('#addEntryDialog').modal('hide');
$('#topics').append('<div id="space">' + value + '</div>');
});
Chciałbym, aby pierwszy przycisk powodował dodanie tekstu i drugiego przycisku. Pierwszy przycisk działa, ale drugi już nie. Czy możecie mi pomóc ze znalezieniem błędu? Dzięki!