I am trying to implement an anonymous callback function. The code here I wrote is janky I know.
Typing intro is a span, it activates the .typed animation with the given parameters. What I need to activate, and what isn't, is the last function to remove the two elements by id there. Can't figure out how.
<!-- Executes intro typing text -->
<script>
document.getElementById('intro-button').onclick = function() {
$(function() {
$("#typing-intro").typed({
strings: [" INITSEG = DEF_INITSEG</br> SYSSEG"],
typeSpeed: 0,
backDelay: 20,
loop: false,
loopCount: false,
}, function (){
document.getElementById("intro-section").remove();
document.getElementById("typing-intro").remove();
});
});
}
///script
</script>
As MinusFour points out, the typed animation function doesn't take a callback function as the final parameter. Instead a "callback" function is passed to it through the options
Beyond the question, there's a lot you can clean up with the code. Since you're using jQuery already, you can clean up the event handler. Instead of document.getElementById('intro-button').onclick = function() { ... } you can have $('#intro-button').click(function() { ... });. If you are placing this <script> in the <head>, you will want to wrap the entire thing in in $(function() { ... }), not have in stuck in the middle of your code.
Finally, since you're using jQuery everywhere else, instead of document.getElementById("intro-section").remove(); just have $('#intro-section').remove().
So it would like this:
$(function() {
$('#intro-button').click(function() {
$("#typing-intro").typed({
strings: [" INITSEG = DEF_INITSEG</br> SYSSEG"],
typeSpeed: 0,
backDelay: 20,
loop: false,
loopCount: false,
callback: function (){
$("#intro-section").remove();
$("#typing-intro").remove();
}
});
})
})
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments