Message from JavaScript discussions
July 2017
— Is it will be like this ? TRGWII
$('#datalist').append('<ons-list-item modifier="chevron" tappable ripple class="tombolmenu"><p>'+ el.nama +'</p></ons-list-item>');
$('#datalist').click(
function bukapaket() {
document.querySelector('#coreNavigator').pushPage('harga.html');
document.getElementsByClassName('.judulhalaman').innerHTML = el.nama;
});
?
— Because it doesnt work :/ it will trigger every menu
— Don't use .click on the #datalist
— Use it on the element you create
— But how?
—
const listItem = $('<ons-list-item modifier="chevron" tappable ripple class="tombolmenu">');
const p = $('<p>');
p.text(el.nama);
listItem.append(p);
listItem.click(...);
$('#datalist').append(listItem);
—
$('#datalist').append('<ons-list-item modifier="chevron" tappable ripple class="tombolmenu"><p>'+ el.nama +'</p></ons-list-item>');
i get it, but doesnt know how and where to write
.click
in this line of code.
— I see, i will try it
— Wait TRGWII is i need to write my whole bukapaket()
function inside that listItem.click(...);
?
— You CAN do that
— Or a function that calls it