首先,请看屏幕截图,我在手风琴文本编辑器上工作,在那里你可以添加标题和正文文本。
当我多次点击ADD按钮时,就会像这样显示出来。不显示标题文本。我认为这是JS文件上的问题。有什么解决方案吗??提前感谢!
$(document).ready(function() {
$('#Add_btn').click(function(){
$('#accordion_body').append($('#editableDiv').html());
var x = document.getElementById("accordion_input").value;
document.getElementById("accordion_title").innerHTML = x;
});
});
function myAccorFunction() {
var Myaccordion = `
<div class="Myacc" id="acc_main" contenteditable="false"
class="accordion-main"
style="position: relative;width: 98.5%; left: 9px;">
</div>
<div class="panel-group trash_removed" id="accordion" role="tablist"
aria-multiselectable="true"
style="margin-bottom: 7px;margin-top: 10px"
contenteditable="false">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne"
contenteditable="false">
<h4 class="panel-title">
<a id="accordion_title" role="button" data-toggle="collapse"
data-parent="#accordion" href="#expandingCol"
aria-expanded="false" aria-controls="collapseOne">
</a><div class="icon_area">
<i class="fa fa-edit" data-toggle="collapse"
data-parent="#accordion" href="#collapseOne"
aria-expanded="false" aria-controls="collapseOne">
</i>
<i onclick="myfundelete()" class="fa fa-trash">
</i>
</div>
</h4>
</div>
<div id="expandingCol" class="panel-collapse collapse"
role="tabpanel" aria-labelledby="headingOne">
<div id="accordion_body" class="panel-body" >
</div>
</div>
</div>
</div>
`;
$("#editor").append(Myaccordion);
}
<button onclick="myAccorFunction()" id="Add_btn"
class="btn btn-primary note-image-btn" role="button"
data-toggle="collapse" data-parent="#accordion"
href="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">Add</button>
发布于 2018-10-20 01:19:56
您似乎多次使用相同的元素ID #accordion_title
。由于浏览器假定为element ID is unique within a page,因此document.getElementById("accordion_title").innerHTML = x;
将只更改具有该ID的第一个元素的innerHTML,而不会更改附加了ADD按钮的后续元素的ADD。
尝试使用类名而不是标题文本元素的ID,然后遍历该类的每个元素以更改其innerHTML。
$('.accordion_title').each(function() {
$(this).html($('#accordion_input').val());
});
https://stackoverflow.com/questions/52896459
复制相似问题