jquery - ページが更新されるまでナビゲーションとしての動的ラジオ ボタンが機能しない

Question

ポップアップには、以下を使用して関連する div を表示および非表示にする一連のラジオ ボタンがあり、ナビゲーションの形式として使用できます。

   $(":radio[name='radio']").on("change", function () {
        var test = $(this).val();
        $(".radio").hide();
        $("#" + test).show();
    });

これは、ページをロードすると、コードが

$('#gameIndex').on('pageshow', function (event, ui) {

ただし、新しいラジオ ボタンを動的に追加できるようにしたいと考えています。ボタンが指す div はページに既に存在します。私はボタンを追加しています：

$("#buttons").append('button code')

次に、ボタンを含む div を次のように更新します。

$("#radiodiv").trigger("create");

次に、tte ボタンでポップアップをトリガーすると、それらはすべて期待どおりに表示され、テーマが正しく設定されます。ただし、ボタンをクリックしても何も行われず、どのようなイベントも発生していないようです。ページを更新すると、すべてが期待どおりに機能し始めます。

誰でもこれで私を助けてもらえますか?