Javascript 可折叠问题中的Jquery移动输入

Javascript 可折叠问题中的Jquery移动输入,javascript,jquery,android,mobile,jquery-mobile,Javascript,Jquery,Android,Mobile,Jquery Mobile,我有一个可折叠时间列表,如屏幕截图中所示。。还有一个滴水器。。在下拉列表中,您可以选择可折叠的时间分隔时间。。当我第一次打开“活动”时,它工作正常,但当我在droplist中选择另一个时间时,他更新了可折叠文件,输入失去了样式,无法工作 以下是液滴列表更改事件->> $('#timeDropList').change(function() { $('div.addedEntry').remove();

我有一个可折叠时间列表,如屏幕截图中所示。。还有一个滴水器。。在下拉列表中,您可以选择可折叠的时间分隔时间。。当我第一次打开“活动”时,它工作正常,但当我在droplist中选择另一个时间时,他更新了可折叠文件,输入失去了样式,无法工作

以下是液滴列表更改事件->>

                    $('#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让我们看看