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

Question

HEre是我的职责：

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://console.ng.bluemix.net/catalog/services/ibm-db2-on-cloud/

Answer 1

我修好了： https://jsfiddle.net/g45r4um2/13/在Firefox中，它并不了解它必须放在哪里，因此您必须添加 td 和 tr 标记。事实上，如果你在代码中检查元素形式，它在tbody＆gt;下面。形式，似乎firefox不喜欢单独使用的元素。

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