2

データベースで値が変更されたときに発生する小さなポップアップ/通知を作成したいと考えています。ロジックは正しく渡されています。ただし、ポップアップを適切に発生させる方法もまったくわかりません。

私は2つのボタンを持っています:

<a href="#" data-icon="GhCsStatus-Red" data-rel="popup"   data-inline="true" data-mini="true" data-role="button" id="GhCsStatus_CS" style="pointer-events: none;">CS</a>    
<a href="#" data-icon="GhCsStatus-Red" data-rel="popup"   data-inline="true" data-mini="true" data-role="button" id="GhCsStatus_GH" style="pointer-events: none;">GH</a>

これらのボタンの少し上に通知をポップアップさせたいと思います。これは私が作成したものですが、まだ配置していません。

<div id="GH_popup" data-role="popup">
<p> GH is OFF! </p>
</div>

<div id="CS_popup" data-role="popup">
<p> CS is OFF! </p>
</div>

これらの通知がポップアップするタイミングを決定する Javascript もあります。

  <script type="text/javascript" >
    $(document).ready(function () { GrabGhCsStatus(); });

    function GrabGhCsStatus() {
        var url = '@Html.Raw(Url.Action("index","GhCsStatus"))';
        $.get(url, function (data) {
        if (data.CheckIfCsIsRunning == 1 && data.CheckIfGhIsRunning == 0) {
            $("#GH_popup").popup();
            $("#GhCsStatus_GH").remove();
            if (data.CsStatus == 0) {
                $('#GhCsStatus_CS').buttonMarkup({ icon: 'GhCsStatus-Red' });
            } else {
                $('#GhCsStatus_CS').buttonMarkup({ icon: 'GhCsStatus-Green' });
            }
        }
     }
        ...
        ...
        ...
  </script>

jQueryポップアップ属性を間違った領域に配置していて、それらを適切に使用していないように感じます=/

4

1 に答える 1

3

プログラムでポップアップを呼び出すには、次のコードを使用します

$('#popup_id').popup('open');

閉じるには

$('#popup_id').popup('close');

ポップアップ ウィジェット API

于 2013-09-27T22:51:31.703 に答える