Javascript 用字体图标替换“选择文件”会使克隆图像预览无法操作

Javascript 用字体图标替换“选择文件”会使克隆图像预览无法操作,javascript,jquery,Javascript,Jquery,显然,我不知道如何将font awesome元素绑定到克隆表单。我尝试了一切,但克隆表单上的图像与原始消息一致 图像预览已在克隆表单上运行。之后,首先在html上,我在 使用标签并使用输入id的值为其分配[for]属性: <label for='upload'></label> <input id='upload' type='file'> 如果要克隆的源包含不需要的内容,则克隆会变得复杂。仅克隆的内容或仅呈现htmlString可能更容易。下面的演示将实

显然,我不知道如何将font awesome元素绑定到克隆表单。我尝试了一切,但克隆表单上的图像与原始消息一致

图像预览已在克隆表单上运行。之后,首先在html上,我在
  • 使用标签并使用输入id的值为其分配
    [for]
    属性:

    <label for='upload'></label>
    <input id='upload' type='file'>
    
  • 如果要克隆的源包含不需要的内容,则克隆会变得复杂。仅克隆
    的内容或仅呈现htmlString可能更容易。下面的演示将实现后者

  • 99%的情况下,最好将所有
    标记放在
    结束标记之前(参见演示的HTML)

let count=0;
$('main')。在('click change','file,.reply,.upload',函数(e)上{
如果($(this).is('.reply')){
++计数;
常量htmlString=`
i.tip.btn:悬停{
颜色:#fff;
背景:#000;
光标:指针;
}

测试用例

如果使用jQuery(特别是图标/按钮),为任何内容分配id的目的是什么?此外,克隆表单?一个表单可以处理多个文件上载。@zer00ne每个克隆表单都应该有不同的id名称,以便回复消息内容表单不会转到原始消息内容表单。我删除了
id=“单击”因为不需要回复按钮,所以只有一个id,即
id=“form\u clone0”
@zer00ne您能找到这个问题的解决方案吗?这里是克隆没有字体的图像预览功能代码的链接:我没有时间检查链接,但我确实有一个我发现的问题,即在嵌套注释系统中完全实现
htmlString
方法克隆到我的程序中时,会出现回复消息转到原始邮件,而不是它回复的邮件下面。我注意到在
htmlString
表单克隆中的
value=“0”
不会更改。它保持为零;但是,在嵌套注释系统中它会更改。您知道这是什么原因吗?我找到了解决方案。我将
value=“0”
更改为
value=“${comment\u id}”
htmlString是一个模板文本,它是一个具有额外功能的字符串,基本上也是标准的。它们不是引号:
”,而是用倒钩包装:```。
${…}
是用于插值的语法。不仅可以插值变量,还可以插值表达式。此外,在无效元素中不需要反斜杠,例如
,或者
我添加了复选标记。谢谢!现在的问题是
htmlstring
变量中的引导工具提示没有完全发挥作用,即当我将鼠标悬停在相机图标上方时,不会在其上方显示黑色背景色。它仅在相机图标底部显示白色背景的“附加照片或视频”。您知道如何解决此问题吗?这是代码:
  $('main').on('click change', '.file, .upload, .reply', function(e) {...