在表单输入中键入.js闪烁光标时遇到问题

Question

使用Typed.js jQuery插件，我一直在尝试让闪烁的光标出现在表单输入中。我尝试弄乱它，甚至复制我在网上找到的示例，但它仍然出现在表单输入之外。有什么想法吗？

这是显示问题的小提琴：

http://jsfiddle.net/dunphyben/1pp3x3au/1/

$(function(){
    $(".form-control").typed({
        strings: ["Web Developer", "Graphic Designer", "Mobile Developer", "Road Warrior", "DevOps", "Real Estate Agent", "Accountant", "Product Manager", "CEO"],
        attr: "placeholder",
        typeSpeed: 100
    });
});

Answer 1

删除闪烁的CSS动画并使用引号添加一个空字符串，如下所示：

,"" 在循环结束时，您将有一个闪烁的光标。

$(function(){
    $(".form-control").typed({
        strings: ["Web Developer", "pimp", ""],
        attr: "placeholder",
        typeSpeed: 100
    });
});

更新的小提琴 http://jsfiddle.net/1pp3x3au/16/

Answer 2

我知道

这是一个旧帖子，你甚至可能不再使用它了，但你只需要向左浮动你的持有类：

.yourclass {
    float: left;
}