GETING Backspace vor der Zeichenkette in Typed.js

Question

Wie meine unten Code auf exacuting iam bekommen einen Backspace-Cursor vor String fixiert. Ich habe es irgendwie versucht, aber es hat nicht funktioniert. Kennt jemand, wie man es von der Vorderseite der Schnur entfernen kann. Bitte helfen Sie mir

$(function() { 
 
    $("h2 .first").typed({ 
 
    strings: ["Hello "], 
 
    typeSpeed: 0, 
 
    callback: function() { 
 
     showThis(); 
 
    }, 
 

 
    }); 
 

 
    function showThis() { 
 

 
    $("span.second").typed({ 
 
     strings: ["First", "Second", "Third"], 
 
     backDelay: 1500, 
 
     typeSpeed: 100, 
 
     backSpeed: 100, 
 
     loop: true, 
 

 
    }); 
 

 
    } 
 
});

body { 
 
    margin: 0; 
 
} 
 

 
.header { 
 
    height: 100vh; 
 
    background-color: orange; 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: center; 
 
    align-items: center; 
 
} 
 

 
.typed cursor { 
 
    display: none; 
 
} 
 

 
h2 { 
 
    color: white; 
 
    font-size: 4.125em; 
 
    font-family: Montserrat, sans-serif; 
 
    text-align: center; 
 
}

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<script src="https://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script> 
 
<div class="header"> 
 

 
    <h2><span class="first"></span><span class="second"></span></h2> 
 

 

 
</div>

Answer 1

Versuchen Sie, eine Funktion in Ihrem Rückruf für die .First typisierte Funktion hinzugefügt, die den Cursor entfernt. $ ('. Typed-cursor'). Remove(); Oder document.querySelector ('. Typed-cursor'). Remove();

$(function() { 
 
    $("h2 .first").typed({ 
 
    strings: ["Hello "], 
 
    typeSpeed: 0, 
 
    callback: function() { 
 
     showThis(); 
 
     document.querySelector('.typed-cursor').remove(); 
 
    }, 
 

 
    }); 
 

 
    function showThis() { 
 

 
    $("span.second").typed({ 
 
     strings: ["First", "Second", "Third"], 
 
     backDelay: 1500, 
 
     typeSpeed: 100, 
 
     backSpeed: 100, 
 
     loop: true, 
 

 
    }); 
 

 
    } 
 
});

body { 
 
    margin: 0; 
 
} 
 

 
.header { 
 
    height: 100vh; 
 
    background-color: orange; 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: center; 
 
    align-items: center; 
 
} 
 

 
.typed cursor { 
 
    display: none; 
 
} 
 

 
h2 { 
 
    color: white; 
 
    font-size: 4.125em; 
 
    font-family: Montserrat, sans-serif; 
 
    text-align: center; 
 
}

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<script src="https://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script> 
 
<div class="header"> 
 

 
    <h2><span class="first"></span><span class="second"></span></h2> 
 

 

 
</div>