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

Question

我试图在两张图片之间切换，它是打开的，关闭面板图标但不能正常工作，我尝试了很多方法，但仍无法正常工作。

如下图所示，

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();
  } );