Firefox赢得了'不会显示我添加的jquery元素，但Chrome会显示

Firefox won't display my jquery added element, but Chrome will

本文关键字：显示 jquery 添加 元素 Chrome Firefox      更新时间：2023-09-26

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://jsfiddle.net/g45r4um2/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>");
相关文章：