J'utilise JavaScript, JQuery. J'ai besoin de passer Pouvez-vous me permettre de savoir ce que je fais mal. p> p> fonction code> par référence dans onclick code> événement.
Voici ce que j'essaie mais ne travaille pas.
3 Réponses :
Vous devez ajouter le gestionnaire onclick code> après avoir ajouté votre bouton sur le DOM. function onClickHandler() {
console.log("on click handler");
}
function renderButton(callback) {
$("#root").append(
'<div style="text-align:right; padding:10px 10px;">\
<button id="button">Collect Hadiths</button>\
</div>'
);
$("#button").click(callback);
}
renderButton(onClickHandler);
Ajoutez l'événement de clic à l'élément généré à l'aide du code ci-dessous
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="root"></div>
J'utiliserais:
function onClickHandler() {
console.log("on click handler");
}
function renderButton(callback) {
// Create the button and add the click event
const button = $('<button>Collect Hadiths</button>');
$(button).click(callback);
// Create the div and append the button to it
const div = $('<div style="text-align:right; padding:10px 10px;"></div>');
$(div).append(button);
// Now add to the root
$("#root").append(div);
}
renderButton(onClickHandler);