使用jquery或php填充文件或样式

时间:2016-09-18 20:02:03

标签: javascript php jquery html css

我们的目标是使用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; }

因此,每当有新用户访问时,她/他/他们都会看到日期已被选中。

示例:

&#13;
&#13;
$("#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;
&#13;
&#13;

但是,如果有人选择日期并手动记下样式或类别,我怎样才能添加点击样式,我们需要每次检查。

感谢

0 个答案:

没有答案