javascript - データ遷移 = スライドが動作しない - 動的リスト

Question

私はJqueryモバイルを初めて使用します。

別のページに移動すると、スライド効果を取得しようとしています # display2 以下のコードから。

しかし、私はスライド効果を得ることができません。

rel="external" を削除すると、スライドできますが、#display2 (ナビゲートするページ) では、クエリ文字列の値が null として返されます。

したがって、rel="external" を設定すると、パラメーターは #display2 に渡されますが、スライド トランジションが機能しません。re="external" スライドを削除すると動作しますが、クエリ文字列パラメーターは null が返されます。

両方が一緒に機能する方法があることを教えてください。

('#display').on('pagebeforeshow', function () {
           // $(this).find('[data-role=header] .ui-title').text(json.getLOBXMLResult[currentItem].FolderName);
                $.ajax("AppstoreWS.svc/getLOBXML", {
                beforeSend: function (xhr) {
                    $.mobile.showPageLoadingMsg();
                },
                complete: function () {
                    $.mobile.hidePageLoadingMsg();
                },
                contentType: 'application/json',
                dataType: 'json',
                type: 'GET',
                error: function () {
                    //alert('Something awful happened');
                },
                success: function (data) {
                    result1 = data.getLOBXMLResult;
                    $('#categoryList').children().remove('li');
                    $.each(result1, function (index, output) {
                        $('#categoryList').append('<li><a href="?platform=' + output.FolderName + '&sid=test#display2"  data-transition="slide" rel="external">' + output.FolderName + '</a></li>');
                                               });
               $('#categoryList').listview('refresh');
                }
            });
        });