字体切换可见性时非常奇怪的行为

时间:2018-03-08 09:07:10

标签: javascript font-awesome-5

我正在尝试编写能够将fa图标的可见性设置为可见或隐藏的代码,具体取决于用户操作。

这是我想要实现的行为的工作小提琴:fiddle

因此,当我查看开发人员工具时,我看到在这个小提琴中,当我检查fa-icon元素并点击它时,有一个:

<path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm64 136c-9.535 0-18.512 2.386-26.37 6.589h.017c12.735 0 23.059 10.324 23.059 23.059 0 12.735-10.324 23.059-23.059 23.059s-23.059-10.324-23.059-23.059v-.017C266.386 181.488 264 190.465 264 200c0 30.928 25.072 56 56 56s56-25.072 56-56-25.072-56-56-56zm-128 0c-9.535 0-18.512 2.386-26.37 6.589h.017c12.735 0 23.059 10.324 23.059 23.059 0 12.735-10.324 23.059-23.059 23.059-12.735 0-23.059-10.324-23.059-23.059v-.017C138.386 181.488 136 190.465 136 200c0 30.928 25.072 56 56 56s56-25.072 56-56-25.072-56-56-56zm195.372 182.219c18.819-25.592-19.856-54.017-38.67-28.438-50.135 68.177-135.229 68.18-185.367 0-18.828-25.601-57.478 2.861-38.67 28.438 69.298 94.231 193.323 94.351 262.707 0z"></path>

属性。在我的网站上,代码是相同的,我可以使图标显示,但当我将它的可见性属性设置为隐藏时,我无法将其显示回来。我发现的是,在将图标的可见性设置为隐藏之后,上面的属性正在我的网站上丢失。我认为这是我的问题的原因。有人可以帮我找到解决方案吗?

这是我的小提琴的例子我希望fa图标显示和隐藏取决于文本输入字段的长度。

What i want to achieve

我在这里遇到问题(索引):86未捕获的ReferenceError:OnInput未定义我在网站上没有

当我尝试将可见性属性更改为可见时,确实会发生变化,但它也会删除属性路径填充。 有人有同样的问题吗?

Okey解决了我正在循环使用div的元素,而错误的是我正在改变我的图标元素的innerHTML。 感谢您的回复

0 个答案:

没有答案