Firefoxは私のjqueryの追加要素を表示しませんが、Chromeはここに私の機能

Question

あります：Chromeでそれを呼び出すことによって

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() 
} 

、すべてのものは大丈夫ですが、Firefoxでは、要素が追加されますが、示されていません。それを修正するには？

EDIT

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

Answer 1

私はそれを修正：Firefoxで https://jsfiddle.net/g45r4um2/13/を、それが置かれなければならどこに理解していないので、あなたはTDとTRタグを追加する必要があります。実際にあなたのコードで要素フォームを調べると、tbody>フォームの下にあり、firefoxはtbodyだけの要素を好まないようです。

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