Question

我是Jquery的新手，对HTML有点新鲜。我正在研究W3的一些培训示例，但我需要更多的见解。

我有一个状态部分，其中包含项目和div的列表。 div是一个彩色框，默认为绿色。

<h2>STATUS</h2>
    <ul>
        <li>Device 1
            <a href="mailto:email@webhost.com" onClick="alert('You are about to change the status of this device.')"><div id="State1" class="Sgreen"></div></a>
        </li>
    </ul>

共有8个设备。当使用Jquery单击div＃State1时，我有一个css类切换为红色。

<script>
    $(document).ready(function(){
        $("#State1").click(function(){
            $("#State1").toggleClass("Sred");
        });
    });
</script>

当有人点击div＃State1：

时，我需要发生什么

提醒窗口：文字=您即将更改设备状态
电子邮件窗口：他们需要在toggleClass发生之前将电子邮件发送给支持人员。如果他们取消了电子邮件窗口，则切换类不会发生。
需要存储div＃State1的类，以便每次刷新或关闭站点并在任何计算机上重新打开时，div＃State1类是最新使用的类。

我为toggleClass提供的2个课程是＆＃34; Green＆＃34;或＆＃34;红色＆＃34;颜色变化。红色表示设备已关闭，绿色表示设备已关闭。

我有切换工作，但没有在重新加载/刷新时保存日期，它默认为绿色，因为这是我在html中设置的类。

我可以打开警报并打开电子邮件，但我不确定如何让所有这些事情一起工作，就像我需要它们并保存最后使用的课程一样。

教程，指南甚至示例的任何指示都将是最有帮助的。

我不想要讲义，因为我确实想学习如何做到这一点。我一路上只需要一点帮助。

谢谢！

Jquery存储/切换类操作顺序

0 个答案: