javascript - 同じページで jQuery Mobile Flip Switch を使用して非表示の入力スタイルで画像を切り替えます

Question

詳細: 画像を切り替える必要があります。つまり、フリップ スイッチがオンの場合は画像が表示され、値がオフの場合は非表示になります。コードは JS ファイルにあります。

$("#dashboard").append('<form><img src="../images/GREEN.png" style="display: none;" id="greenimage">Toggle Image<select id="flip" name="flip-select" data-role="flipswitch">'+
                    '<option>Off</option>'+
                    '<option>On</option>'+
                    '</select>'+
                '</img></form>');

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

                $('#flip').click(function() 
                        {

                            $("#yellowim").toggle('slow');
                        });

コードにチェックポイントを入れると、CLICK 関数がスイッチをクリックしなくてもトリガー イベントで実行されることがわかります。