gpt4 book ai didi

javascript - 如何记住 Crossrider 中弹出窗口的状态?

转载 作者:行者123 更新时间:2023-12-02 17:34:22 26 4
gpt4 key购买 nike

我在 Crossrider 中有一个弹出窗口,其中有一个复选框。它看起来像这样:

popup.html

<body>
<div data-role="page" id="div1">
<label for="checkbox1">Enable Something</label>
<input type="checkbox" id="checkbox1">
</div>
</body>

现在,当用户关闭弹出窗口时,我希望弹出窗口记住复选框的状态。因此,如果用户启用了#checkbox1,我希望他下次打开弹出窗口时仍然启用它。

我尝试这样做,但不起作用:

popup.js

$(document).ready(function(){ 
$('#checkbox1').on('change', function(){
if ($(this).is(':checked'))
$('#checkbox1').prop('checked', true);
else
$('#checkbox1').prop('checked', false);
})
});

执行此操作的正确方法是什么?

谢谢!!!

最佳答案

弹出窗口的调用之间不会保留弹出窗口内容;因此,您必须将状态保存在弹出范围之外,通常是针对少量数据,例如 Crossrider 数据库中使用 appAPI.db 的数据。 .

此外,此类代码最好放置在 crossriderMain 函数中,该函数会在页面准备就绪时自动调用。

例如:

<!DOCTYPE html>
<html>
<head>
<!-- This meta tag is relevant only for IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript">
function crossriderMain($) {
if (appAPI.db.get('checkbox1'))
$('#checkbox1').prop('checked', true);
else
$('#checkbox1').prop('checked', false);

$('#checkbox1').on('change', function(){
appAPI.db.set('checkbox1', $(this).is(':checked'));
})
}
</script>
</head>
<body>
<div data-role="page" id="div1">
<label for="checkbox1">Enable Something</label>
<input type="checkbox" id="checkbox1">
</div>
</body>
</html>

[披露:我是 Crossrider 员工]

关于javascript - 如何记住 Crossrider 中弹出窗口的状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22757210/

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