данные-переход не работает

Question

У меня есть список в ajax. Я хочу добавить данные к этой ссылке. я попытался добавить

data-transition="slide" 

в коде. но ничего не меняется. но я пытался использовать этот код в обычном режиме в html, работает переход данных, но не со страницей, где есть ajax. то же самое происходит, когда я попробовал

$.mobile.defaultPageTransition = "flip"; 

страница без аякса работает хорошо, но не для страницы с 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> 

Кто-нибудь знает, как это решить?

Answer 1

Я знаю, почему это не получается, мы не можем использовать данные-переход и данные-ajax/rel = external вместе как data-ajax/rel = внешняя загрузка полной страницы снова, поэтому переход невозможен.