0

ポップアップが開いている間、コンテンツ div にイベントが伝播されていないようです。

ポップアップを警告メッセージとして使用しています。ユーザーがページで他のタスクを実行している間、ポップアップを開いたままにしたいと思います。

実際の例: http://jsfiddle.net/wvVmT/703/

ポップアップが開いた後でも赤い部分をクリックするとアラートが出るようにしたいです。

HTML:

<div data-role="page">
    <div data-role="content" id="content" style="background-color:red">
        content
        <a href="#" data-role="button" data-rel="popup" id="message-button">Message</a>
        <div data-role="popup" id="message-popup" data-history="false" data-dismissible="false">popup</div>
    </div>
</div>

JS:

$(function() {
  $( '#message-button' ).click(function()
    {
      $( '#message-popup' ).popup( 'open' );
    }
  );
  $( '#content' ).click(function()
    {
      alert('content');
    }
  )
});
4

1 に答える 1

0

Omar が述べたように、ポップアップに関連付けられた画面は削除する必要があります。

彼は、すべてのポップアップの画面を削除することを提案しました。

$('.ui-popup-screen').remove();

しかし実際には、ポップアップが作成された瞬間に、同じ ID の後に-screenが続く要素が作成されます。したがって、その 1 つだけを削除して、他のすべての画面を保持できます。私の例では：

$('#message-popup-screen').remove();

一度実行すれば十分なので、彼の例のようにポップアップが開かれるたびに実行する必要はありません ;)

于 2014-03-10T13:37:10.893 に答える