Я попытался сделать так, чтобы каждый раз, когда вы публикуете имя и описание, вы будете создавать новый div; однако он будет отображаться только в том же div. Есть ли способ предотвратить это?
<script id="churches" type="text/templete">
<div class='settlement'>
{{#ace}}
<span>{{.}}</span>
{{/ace}}
<br/>
{{#base}}
<span>{{.}}</span>
{{/base}}
<button>like</button><button>comment</button>
</div>
</script>
Это JavaScript, на который нужно обратить внимание, если я допустил ошибку.
let churhy = (function () {
let shrine = ['title']
let token = ['Example']
let $b = $('#buildReligion');
let $nameR = $b.find('#rName');
let $describeR = $b.find('#dName');
let $enter = $b.find('#sunmit');
let churchTemplate = $('#churches').html();
let $placer= $('.u-religion');
$enter.on('click', addName);
$enter.on('click', addBase);
_render()
function _render() {
$placer.html(Mustache.render(churchTemplate, {ace: shrine, base: token} ))
}
function addName(value) {
let symbol = typeof value === "string" ? value :$nameR.val();
shrine.push(symbol);
_render();
$nameR.val('');
}
function addBase(worth) {
let describe = typeof worth === "string" ? worth :$describeR.val();
token.push(describe);
_render();
$describeR.val('');
}
return {
addName: addName,
addBase: addBase
};
}) ();