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;
}

无法让Typed.js在表单输入中闪烁光标

2 个答案: