1
所以我一直在處理腳本,當用戶點擊+按鈕時,它會在addnew div之前添加一個新按鈕。insertAdjacentHTML不在之前添加
從我的理解我按照正確的設置,以建立一個insertAdjacentHTML
https://codepen.io/russellharrower/pen/rzxLRj
HTML
<!-- on Morph FAB Display -->
<div id="newpetprofiles" class="fixed-action-btn">
<!-- beforebegin -->
<div id="overlay" class="blue-grey hidden">
<div id="form">
DEPENDING ON IF IT IS THE ADD BUTTON OR A IMAGE OF THEIR KID A DIFFENT FORM SHOULD SHOW.
</div>
</div>
<!-- afterbegin -->
<div class="btn-floating btn-large blue waves-effect waves-light">
<img src="https://ipet.xyz/template/images/russellharrower.jpg"/>
</div>
<!-- beforeend -->
<div id="addnew" name"addnew" class="btn-floating btn-large blue waves-effect waves-light">
<i class="material-icons">
add
</i>
</div>
<!-- afterend -->
</div>
JS
$('div.btn-floating').click(function() {
//alert(this.id);
if(this.id === "addnew"){
dl= document.getElementById("newpetprofiles")
dl.insertAdjacentHTML('beforeend','<div class="btn-floating btn-large blue waves-effect waves-light"><img src="https://ipet.xyz/template/images/russellharrower.jpg"/></div>');
}
var morphFAB = $('#overlay');
morphFAB.toggleClass('visible hidden');
if (morphFAB.hasClass('visible')) {
$('#form').addClass('animated slideInUp');
}else {
$('#form').removeClass('animated slideInUp');
}
})
確切的問題是什麼? –
我通過使用afterbegin得到了它的工作 – RussellHarrower