Добрый день.
Есть див с классом .quick-comment-body, в этот див при клике на него подгружается дочерний form с классом .quick-comment-form - это форма, в которую я хочу добавить 2 input'а, и далее при публикации того что написали в форме и эти инпуты - выводить (.on('click', '#rte-button-publish', function(e) {). Клик сюда - .on('click', '#rte-button-cancel', function(e) - ремувит форму, и как нужно мне - эти инпуты из родительского дива.
Сначала сделал так:
$('body').on('click', '.quick-comment-body', function(e) {
$('.quick-comment-body').attr('id','quick-comment-body');
$('<input id="fio" placeholder="Ваше ФИО"><input id="from" placeholder="Ваша должность">').prependTo(".quick-comment-form");
});
$('body').on('click', '#rte-button-cancel', function(e) {
$('#fio, #from').remove();
});
function anonim() {
var fio = document.getElementById('fio').value;
var from = document.getElementById('from').value;
var html = fio + from;
document.getElementById('quick-comment-body').innerHTML = html;
}
Потом так:
$('body').on('click', '.quick-comment-body', function(e) {
$('.quick-comment-body').attr('id','quick-comment-body');
$('<input id="fio" placeholder="Ваше ФИО"><input id="from" placeholder="Ваша должность">').prependTo(".quick-comment-form");
});
$('body').on('click', '#rte-button-cancel', function(e) {
$('#fio, #from').remove();
});
$('body').on('click', '#rte-button-publish', function(e) {
var fio = document.getElementById('fio').value;
var from = document.getElementById('from').value;
var html = fio + from;
document.getElementById('quick-comment-body').innerHTML = html;
});
+ при клике на инпуты - получается так словно я кликаю на .quick-comment-body и добавляются ещё инпуты.
Работаю в интранет портале и доступа к коду не имею, делаю всё через вложения на странице (Confluence от Atlassian).
Подскажите пожалуйста, как правильно реализовать?
