Javascript 可折叠问题中的Jquery移动输入
我有一个可折叠时间列表,如屏幕截图中所示。。还有一个滴水器。。在下拉列表中,您可以选择可折叠的时间分隔时间。。当我第一次打开“活动”时,它工作正常,但当我在droplist中选择另一个时间时,他更新了可折叠文件,输入失去了样式,无法工作 以下是液滴列表更改事件->>Javascript 可折叠问题中的Jquery移动输入,javascript,jquery,android,mobile,jquery-mobile,Javascript,Jquery,Android,Mobile,Jquery Mobile,我有一个可折叠时间列表,如屏幕截图中所示。。还有一个滴水器。。在下拉列表中,您可以选择可折叠的时间分隔时间。。当我第一次打开“活动”时,它工作正常,但当我在droplist中选择另一个时间时,他更新了可折叠文件,输入失去了样式,无法工作 以下是液滴列表更改事件->> $('#timeDropList').change(function() { $('div.addedEntry').remove();
$('#timeDropList').change(function() {
$('div.addedEntry').remove();
drawTemplate();
});
下面是绘制可折叠文件函数->>
function drawTemplate() {
var selectedValue = parseInt($('#timeDropList').val());
var textProjectName = '<input type="text" class="projectName" value="" />';
var textProjectData = '<input style="height:50px;" type="text" class="projectEntry" value="" />';
var timespan;
if ($('.div-cell').hasClass('tapped')) {
var calToScheDate = $('.div-cell.tapped').find('.dayNumberCellValue')
.attr('data-a');
var calToScheMonth;
var calToScheDay;
if (calToScheDay = calToScheDate.substring(6, 8) < 10) {
calToScheDay = calToScheDate.substring(7, 8);
} else {
calToScheDay = calToScheDate.substring(6, 8);
}
if (calToScheMonth = calToScheDate.substring(4, 6) < 10) {
calToScheMonth = calToScheDate.substring(5, 6);
} else {
calToScheMonth = calToScheDate.substring(4, 6);
}
timespan = new Date(calToScheDate.substring(0, 4), calToScheMonth,
calToScheDay, 9, 0);
} else {
timespan = new Date();
timespan = new Date(timespan.getFullYear(), timespan.getMonth(),
timespan.getDate(), 9, 0);
}
while (timespan.getHours() < 18 || timespan.getHours() == 18
&& timespan.getMinutes() == 0) {
var hoursFrom = timespan.getHours();
var minsFrom = timespan.getMinutes();
if (minsFrom < 10) {
minsFrom = "0" + minsFrom;
}
if (hoursFrom < 10) {
hoursFrom = "0" + hoursFrom;
}
var hoursTo = timespan.getHours();
var minsTo = timespan.getMinutes() + selectedValue
if (minsTo == 60) {
minsTo = "00";
hoursTo++;
} else if (minsTo < 10) {
minsTo = "0" + minsTo;
}
var collDiv = '<div class="addedEntry" data-theme="c" data-role="collapsible" id='+hoursFrom+minsFrom+hoursTo+minsTo+' data-collapsed="true"><h3 class="results-header">'
+ hoursFrom
+ ":"
+ minsFrom
+ " - "
+ hoursTo
+ ":"
+ minsTo +'</h3>' + '</div>';
$('.spanTimetable').append(collDiv);
timespan.setMinutes(timespan.getMinutes() + selectedValue);
}
$('.addedEntry').append(textProjectName);
$('.addedEntry').append(textProjectData);
$('.results-header').append('<img class="checkOrCross" />');
$('#timetable .addedEntry').collapsible({
refresh : true
});
}
您需要使用.page刷新jQM 也许可以试试:
$('#timeDropList').change(function() {
$('div.addedEntry').remove();
drawTemplate();
});
$('#name of your page').page();
测试url以便我可以看到发生了什么?您正在开发的站点,我可以通过url访问它吗?也许能更好地了解发生了什么事但这不是网站。。这是用js和jquery开发的android应用程序界面。@Sergio让我们看看