如何隱藏和顯示jQuery的圖像移動

Question

我在做一個Android應用程序與phonegap.I幫助需要幫助，我怎麼能隱藏圖像或顯示時，我想

圖像時我toggleswitch是關閉然後我的形象是在第三頁應該隱藏，如果我的toggleswitch是那麼它會顯示出圖像

plz幫助我出去我可怎麼辦

在HTML5： -

<div data-role="page" id="page1"> 
    <div data-role="content"> 
     <select name="toggleswitch1" id="toggleswitch1" data-theme="" data-role="slider"> 
      <option value="off">Off</option> 
      <option value="on">On</option> 
     </select> 
     <a data-role="button" id="button1" data-inline="true" href="#" onclick="clickfn();">Button</a> 
    </div> 

<div data-role="page" id="page2"> 
    <div data-role="content"> 
     <p>some text</p><p>some text</p> 
     <a data-role="button" id="button2" data-inline="true" href="#page3" >Button</a> 
    </div> 

<div data-role="page" id="page3"> 
    <div data-role="content"> 
     <p>some text</p><p>some text</p> 
     <img src="xyz image" /> 
        <a data-role="button" id="button3" data-inline="true" href="#page1" >Button</a> 
    </div> 

jQuery中： -

$(document).unbind('pageinit').bind('pageinit', function() { 
      clickfn(); 
     }); 


    function clickfn(){ 
     $('#button1').click(function(){ 
        if($("#toggleswitch1 option:selected").val() == 'off'){ 
        $.mobile.changePage("#page2"); 
        }else{ 
        $.mobile.changePage("#page2"); 
        } 
       }); 
    } 

Answer 1

有物業稱爲.hide和.show在這裏您可以顯示或隱藏圖像的可見性。 讓我們說你的圖像的ID是IMG，然後

$('#button).click(function(){ 
       if($("#toggleswitch1 option:selected").val() == 'off'){ 
        $("#img").hide(); 
       }else{ 
        $("#img").show(); 
       } 

Answer 2

在IMG添加一個ID

<img id="myimg" src="xyz image" /> 

而swicth代碼

function clickfn(){ 
     $('#button1').click(function(){ 
        if($("#toggleswitch1 option:selected").val() == 'off'){ 
         $("#myimg").hide(); 
        }else{ 
         $("#myimg").show(); 
        } 
       }); 

}