Мобильный ввод Jquery в неразборной задаче - PullRequest
Новая
       4

Мобильный ввод Jquery в неразборной задаче

0 голосов
/ 15 июля 2011

У меня есть список разборных времен, как на снимке экрана ... и раскрывающийся список ... в раскрывающемся списке вы можете выбрать время, когда разборные будут разделять время ... Когда я открываю деятельность в первый раз ... она работает нормально, но когдая выбираю другое время в выпадающем списке, и он обновляет ввод складных данных, теряет свой стиль и не работает ..

enter image description here

вот событие изменения выпадающего списка - >> 

                    $('#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
            });
        }

1 Ответ

0 голосов
/ 15 июля 2011

Вам нужно будет обновить jQM, используя .page ()

Возможно, попробуйте: 

$('#timeDropList').change(function() {
    $('div.addedEntry').remove();
    drawTemplate();
});

$('#name of your page').page();
...