jquery-mobile-radio

问题 I have the Following Radio buttons in my jQuery mobile app , I need to style them as the Radio button in the image bellow . I have tried the following css but it didn't give me the same result , Please Help me .. Html <div data-role="page"> <div data-role="header" data-theme="b" style="height:63px;"> </div> <div data-role="content"> <form> <fieldset> <input type="radio" id="Male" value=" Male" name="radio-group-1" /> <label for="Male" data-inline="true" style="background:transparent

问题 I have a bunch of radio buttons, in a popup, that use the below to show and hide related divs, thus allowing them to be used as a form of navigation. $(":radio[name='radio']").on("change", function () { var test = $(this).val(); $(".radio").hide(); $("#" + test).show(); }); This works find when I load the page, the code is contained within the $('#gameIndex').on('pageshow', function (event, ui) { However I also want to be able to dynanically add new radio buttons - the divs the button point