gpt4 book ai didi

javascript - jQuery Mobile 弹出窗口/通知

转载 作者:行者123 更新时间:2023-11-29 19:46:40 26 4
gpt4 key购买 nike

我想创建一个小的弹出窗口/通知,它会在我的数据库中的值发生变化时出现。逻辑被正确传递。但是,我不确定如何使弹出窗口正确出现。

我有两个按钮:

<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 弹出属性放在错误的区域并且我没有正确使用它们 =/

最佳答案

要以编程方式调用弹出窗口,请使用此代码

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

关闭它

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

Popup widget API

关于javascript - jQuery Mobile 弹出窗口/通知,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19060385/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com