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-transition 和 data-ajax/rel=external 因为 data-ajax/rel=external 再次加载整个页面，所以转换是不可能的..

于 2012-06-13T07:29:01.847 回答