javascript - 動的ボタンが CSS プロパティを更新しない

Question

初めての投稿 = ) 私はしばらく検索していて、多くの ('refresh').trigger 、 ('create') およびマークアップの回答を他のメンバーが提案したか、他の投稿で見ました。私は JS JQM を初めて使用しますが、動的に追加されたボタンを CSS プロパティで表示するのに問題があります。次のような同様の質問に投稿された他のソリューションを試しました: 動的jqueryボタンを追加するには? Jquery 動的に生成されたボタン css なし その他の投稿もいくつかあります。

解決策が見つからなかった場合は、事前に申し訳ありません。

ここに私のコードがあります：ボタンを変数にした理由は、別のフォーム投稿がそれを提案し、そのように更新したためです...

$( '#csvButton' ).on( 'click', function() {
    $('#viewData').empty();
    $('#testView').empty();
        $.ajax( {
            url: 'xhr/data.csv',
            type: 'GET',
            dataType: 'text',
            success:function ( result ) {
            //console.log(result);
            var lines = result.split("\n");
            //console.log(lines);
            var dataRow = lines[0];
            var dataCol = dataRow.split(",");
            for (var lineNum = 1; lineNum < lines.length; lineNum++) {
                var row = lines[lineNum];
                var columns = row.split(",");
                    var thisButton = $("<a>").attr("href", "#").attr("data-role", "button").attr("data-theme", columns[1]).attr("data-icon", columns[2]).text(columns[0]);
                thisButton.appendTo('#testView');
                $('<ul>' + '<li><b>' + dataCol[0] + " " + columns[0] + '</b></li>' +
                    '<li>'+ dataCol[1] + " " + columns[1] + '</li>' +
                    '<li>'+ dataCol[2] + " " + columns[2] + '</li>' + '</ul>'
                ).appendTo('#testView');
        }   
            }
        });
    });
return false;
});

thisButton が CSS プロパティで正しく表示されない問題があります。私は data-role="button" でリンクを作成し、CSV としてボタン名 "Settings"、ボタン テーマ "a"、ボタン アイコン "gear" データを持っているので試してみました。どんな助けでも素晴らしいでしょう。#testView は、アイデアをテストして CSS プロパティを機能させるために作成した一時ファイルです。

前もって感謝します！