以下のコードで、「questiondurationpickerRow」テキスト ボックスの横にボタンが表示されず、トレント リチャードソンのタイムピッカーを開くことができない理由を知りたいです。(関数とjsファイルでコードtimepickerをtrenttimepickerに変更しましたが、関数が機能することはわかっていますが、insertQuestion(form)関数に含めると表示されないため、これについて心配する必要はありません)。
以下は私のコードです:
var qnum = 1;
function insertQuestion(form) {
$('#questiondurationpickerRow').trenttimepicker({
timeFormat: 'hh mm ss',
hourGrid: 4,
minuteGrid: 10,
secondGrid: 10,
showOn: 'button',
buttonImage: "Images/clock.gif",
buttonImageOnly: true
});
var $tr = $("<tr></tr>");
var $qid = $("<td class='qid'>" + qnum + "</td>");
var $duration = $("<td class='duration'></td>");
$('#questiondurationpicker').each(function() {
var $this = $(this);
var $durationText =
$("<input type='text' id='questiondurationpickerRow' readonly='readonly' />")
.attr('name', $this.attr('name'))
.attr('value', $this.val())
$duration.append($durationText);
});
$tr.append($qid);
$tr.append($duration)
$('#qandatbl').append($tr);
form.numberOfQuestions.value = qnum;
++qnum;
$("#questionNum").text(qnum);
form.questionText.value = "";
}