html - 我如何在 jquery mobile 中隐藏和显示图像

Question

我在 phonegap 的帮助下制作了一个 android 应用程序。我需要帮助我如何隐藏图像或在需要时显示图像

当我的切换开关关闭时，如果我的切换开关打开，我在第三页中的图像应该隐藏，然后它将显示图像

请帮我看看我该怎么做

在 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

在您的 img 中添加一个 id

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

并切换代码中的可见性

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

}

Answer 2

有一个名为 .hide 和 .show 的属性，您可以在其中显示或隐藏图像。假设你的图片的id是img，那么

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