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 事件。这是一个有效的 fiddle 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();
  } );