0

私はajaxにリストビューを持っています。このリンクにデータ遷移を追加したい。私は追加しようとしました

data-transition="slide"

コードで。しかし、何も変わりません。しかし、このコードを通常のhtmlで使用しようとしましたが、データ遷移は機能しますが、そこにajaxがあるページでは機能しません。私が試したときも同じです 

$.mobile.defaultPageTransition = "flip";

ajax のないページはうまく機能しますが、ajax のあるページでは機能しません。私のajaxの例は

<script type="text/javascript">

            $('#MregisteredClasses').on('pageinit', function(){
                var rowInput = "1";
                var pageInput = "1";

                $.ajax({
                 url: '${pageContext.request.contextPath}/getRegisteredClassesData.html',
                 data: ( {rows : rowInput , page : pageInput}),
                 type: 'POST',

                success: function(json_results){
                    $('#list').append('<ul data-role="listview" data-inset="true" data-split-icon="gear" data-transition="slide"</ul>');
                    listItems = $('#list').find('ul');
                    $.each(json_results.rows, function(key) {
                      html = "<li <h3><a href='${pageContext.request.contextPath}/MRegisteredClassesDetail.phone?courseId=" 
                             + [json_results.rows[key].courseId] + "&regNo=" + [json_results.rows[key].regNo] +
                             "' data-transition='slide' rel='external'>" + json_results.rows[key].courseName+ "</a></h3>"
                             + "<a href='${pageContext.request.contextPath}/MRateCourse.phone?courseId=" 
                             + [json_results.rows[key].courseId] + "&regNo=" + [json_results.rows[key].regNo] + 
                             "' data-transition='slide' rel='external'>RATE THIS COURSE</a>" ;
                    listItems.append(html); 
                    });

                $('#list ul').listview(); 
                },
            });
            });
        </script>

誰もこれを解決する方法を知っていますか?

4

1 に答える 1

0

出てこない理由はわかっています。data-ajax/rel=external がページ全体を再度ロードするため、data-transition と data-ajax/rel=external を一緒に使用することはできないため、遷移は不可能です。

于 2012-06-13T07:29:01.847 に答える