问按下相关按钮后，JQuery手机弹出窗口并不总是出现

EN

在我的移动应用程序中，我有两个相邻的按钮，这两个按钮与同一弹出窗口相关。

单击first按钮后，弹出窗口将打开并显示一条消息(数据代码属性)。然后，在单击second按钮(关闭弹出窗口)后，再次单击该second按钮后，弹出窗口将不会再次打开(带有另一条消息)。该按钮看起来像是被选中的，只有当用户将焦点从按钮上移开并再次按下它时，弹出窗口才会再次打开。

它在不单击second按钮就可以关闭弹出窗口的情况下工作得很好。

我的按钮有以下属性：

role = null;
icon = 'grid';
rel = 'popup';

一旦单击按钮，html就会发生变化：

$( this.selector ).off( "tap" ).on( "tap", ".ui-icon-grid", function() {
    $( "#popup" ).html( $( this ).attr( "data-code" ) );
} );

此问题仅在移动设备上发生。

通过复制Open Popup按钮在https://api.jquerymobile.com/popup/上测试了此问题，有时也会出现相同的问题。(我的移动设备上)

我是否应该使用多个弹出窗口，而不是将所有按钮都关联到一个弹出窗口？