jQuery Mobile彈出窗口/通知

我想創建一個小的彈出窗口/通知，當數據庫中的值發生變化時會發生。邏輯正確傳遞。但是，我不確定如何使彈出窗口正常發生。jQuery Mobile彈出窗口/通知

我有兩個按鈕：

<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的彈出屬性在錯誤的領域，而且我不使用它們正確=/

來源

2013-09-27 Liondancer

首先，在JQM不要使用。就緒（）。當你點擊按鈕時你會得到什麼？彈出窗口顯示與否？ – Omar

我不想單擊任何要顯示的彈出窗口。我只是希望它在GrabGhCsStatus（）中的邏輯發生時顯示。沒有彈出窗口顯示 – Liondancer

要顯示一個彈出'$（'＃id'）。popup（'open'）;'，就是這樣。 – Omar

以編程方式調用一個彈出窗口，使用此代碼

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

要關閉它

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

Popup widget API

來源

2013-09-27 22:51:31 Omar

jQuery Mobile彈出窗口/通知

回答

相關問題