javascript - Firefox 不会显示我添加的 jquery 元素，但 Chrome 会

Question

这是我的功能:

function addEventForm(jour){
    if(!$(".formEvent").length){
        jour.closest("tr").after("<form class='formEvent'><div class='curseur'></div></form>");
    }
    
    var percent = jour.offset().left-jour.closest("tr").offset().left+parseInt(jour.css("margin-left").replace("px", ""))+ parseInt(jour.css("padding-left").replace("px", ""))+parseInt(jour.css("border-left-width").replace("px", ""));
    $(".formEvent .curseur").css({"top" : "-15px" , "left": percent+"px"});
    $(".formEvent").show()
}

通过在 Chrome 上调用它，一切正常，但在 Firefox 中，添加了元素，但没有显示。如何解决？

编辑

示例:https://jsfiddle.net/g45r4um2/1/

Answer 1

我修复了它: https://jsfiddle.net/g45r4um2/13/在 firefox 中它不明白它必须放在哪里，所以你必须添加 td 和 tr 标签。事实上，如果您检查代码中的元素形式，它位于 tbody > form 下，并且 firefox 似乎不喜欢单独在 tbody 下的元素。

jour.closest("tr").after("<tr><td><form class='formEvent'><div class='curseur'></div></form><td></tr>");