Jquerymobile：在 2 个图像之间切换，因为打开面板图标不起作用

Question

我尝试在打开和关闭面板图标但不起作用的 2 个图像之间切换，我尝试了很多方法但仍然不起作用。

如下图，

1. 第一次加载是打开面板图标，因为面板已关闭。
2. 第一次点击工作正常，面板打开，图标变为关闭图标。
3. 但是第二次点击的图标应该变成打开图标但它仍然是关闭图标，这是我的问题。如何解决？

<div class="ui-drawer">
        <a href="#myPanel"><img src="images/open.png" /></a>
        <a href="#myPanel"><img style="display:none;" src="images/close.png" /></a>
    </div>

 $(".ui-drawer").click(function(){
    $('img',this).toggle();
});

Answer 1

这是幻灯片中图像的工作切换。我遇到了同样的问题，因为图像在第一次点击时发生了变化，但在关闭时它并没有切换回来。解决方法是将切换绑定到面板的panelclose 事件。这是一个工作小提琴http://jsfiddle.net/M9QBb/396/ 和下面的代码。注意

 //first toggle
 $(".ui-drawer").click(function(){
    $(this).find('img').toggle();
 });
  //toggle back
 $( "#nav-panel" ).on( "panelclose", function( event, ui ) {
    $(".ui-drawer").find('img').toggle();
  } );