jquery-ui - 動的に作成されたテーブルの行は jQuery の対象になりませんか?

Question

テーブルの行をドラッグ可能にしてから connectToSortable 可能にしようとしています。

何らかの理由で、ID をtbody ("#sem1")セレクターに入れると機能しますが、明らかにテーブル本体全体とそのすべての行をドラッグします。ただし、"#sem1 tr"セレクターを配置すると、Web ページはそのコードを無視するように見えます。つまり、テーブルは正しく表示されますが、何もドラッグできなくなります。

HTML:

<table class = "sem">                                   
    <thead>
        <th class = "header1">header</th>
        <th class = "header2">header</th>
        <tr>
            <td class = "static1">static1</td>
            <td class = "static2">static2</td>
        </tr>
    </thead>
    <tbody id = "sem1"> 
    </tbody>
</table>

いくつかの JavaScript テーブル行を介して、sem1そのように追加されます。

JavaScript:

最初pos0[0]に (配列) が読み込まれます。

for(var i in setPos[0]){
    setPos[0][i]=("<tr><td class = " + String(setClass[i])+ ">" + setPos[0][i].slice(2) + "</td><td class = 'someClass'>"+setThis[i]+"</td></tr>");
}

次にpos0[0][a]、次のように sem1 に追加されます。

for(var a in pos0[0]){
    document.getElementById("sem1").innerHTML += pos0[0][a];
}

行をドラッグ可能にしようとすると、うまくいきません。

jQuery:

$("#sem1 tr").draggable()

セレクターに入れるだけtrでも機能しません（ドキュメント全体のすべてのテーブル行がドラッグ可能かどうかは気にしません）

**コードが言うことは知っていますsetPos[0]-それはpos1、pos2に同じことをする関数の一部です...

助けてくれてありがとう！