ここに Jsfiddle アプリケーションがあります。
フィドルにアクセスして出力が表示されたら、次のようにしてください。
[Open Grid] リンクをクリックし、数字ボタンの 1 つを選択します。数字ボタンを選択すると、下に文字ボタンが表示されます。
「Open Grid」ボタンをもう一度クリックして別の数字ボタンを選択すると、文字ボタンが変更されていることがわかります。これで問題ありません。
[質問を追加] ボタンをクリックすると、上部のコントロールからの選択を表示する行が追加されます。
ここが問題です。追加したばかりの行内で、[Open Grid] リンクをクリックして別の数字ボタンを選択すると、表の行内で、文字ボタンが想定どおりにまったく変更されないことがわかります。それが私が抱えている問題です。
今では、javascript コードで動作していましたが、コードは次のとおりです。
var $tbody = $('#qandatbl > tbody');
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
var $options = $("<td class='option'></td>");
var $answer = $("<td class='answer'>");
しかし、表の行内のコントロールを次々と上に表示したいので、いくつかの<tr>
タグを$options
andに追加$answer
して、コードが次のようになるようにしました。
var $tbody = $('#qandatbl > tbody');
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
var $options = $("<tr><td class='option'></td></tr>");
var $answer = $("<tr><td class='answer'></tr>");
だから私の質問は、タグを追加したためにテーブル行内の文字ボタンを変更しないのはなぜ<tr>
ですか?どうすれば修正できますか?
また、表の行を追加すると、1 列だけでなく 2 列が表示されるのはなぜですか?