我们的目标是使用php或jquery填充<style>
或样式文件。这是因为我们想知道有多少用户选择了一个随机日期。
我们考虑将数据形成Div标签:
<div data-id="s001" data-date="10102016" data-time="0900"></a>
我们使用Jquery data-id
,因此我们可以向<body>
添加一个类。所以我们可以和列表<li>
的正确样式
这很容易,但我们需要每次都记下样式。
更新
用户选择日期(<li>
),当他们点击填写表单的日期并<body>
获得该课程时。
然后我们查看电子邮件,简单,但这是我们最快的方法。
我们手动将样式添加到<header>
。
body.s001 li, body.s002 li { background: blue; cursor: no-drop; }
因此,每当有新用户访问时,她/他/他们都会看到日期已被选中。
示例:
$("#week_carousal li").click(function() {
var dataId = $(this).attr('data-id');
$('body').removeClass().addClass(dataId);
});
&#13;
body.s001 li {
background: blue;
cursor: no-drop;
}
ul {
padding: 0;
margin: 0;
display: inline-block;
}
li {
display: block;
cursor: pointer;
list-style: none;
padding: 0.75em;
margin: 0.25em 0;
background: black;
color: white;
-webkit-transition: all 0.3s ease-out;
/* Saf3.2+, Chrome */
-moz-transition: all 0.3s ease-out;
/* FF4+ */
-ms-transition: all 0.3s ease-out;
/* IE10? */
-o-transition: all 0.3s ease-out;
/* Opera 10.5+ */
transition: all 0.3s ease-out;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<ul id="week_carousal">
<li data-id="s001" data-date="10102016" data-time="0900"><span>Select Class of 10 . 10 . 2016 at 9:00am</span>
</li>
</ul>
&#13;
但是,如果有人选择日期并手动记下样式或类别,我怎样才能添加点击样式,我们需要每次检查。
感谢