单选JS动态添加的选项onchange事件无效的解决方法,两种方案可选

当div中绑定数据,给它一个属性overflow-y:
scroll,添加长度大小,使其能够出现滚动条;每次刷新的时候滚动条总是会出现在最上方,这使我很头疼,经过查阅网上资料,返现两种方法可行。如下:

//记一个问题(已经解决2016.5.5)

Bootstrap3 日期+时间选择控件的使用方法,供大家参考,具体内容如下

第一种方案

//在公司项目中遇见一个添加单选项的需求,采用ajax一步请求。为节约资源添加后不刷新网页,js动态改变页面

1.支持日期选择,格式设定
2.支持时间选择
3.支持时间段选择控制
4.支持中文

将上一个页面的div的scrolltop距离长度记录在cookie中,然后通过js调整刷新页面时的长度记录,代码如下:

//当选择到动态添加的单选项,执行绑定事件

官网地址:
git地址:
moment语言包:
datetimepicker使用配置说明:
moment时间格式化使用说明:

js代码:

radio
单选JS动态添加的选项,onchange事件无效。使用delegate()函数可以解决该问题!!!

使用方法,引用的文件:

<script>
  var _h = 0;
  function SetH(o) {
   _h = o.scrollTop
   SetCookie("a", _h)
  }
  window.onload = function () {
   document.getElementById("x").scrollTop = GetCookie("a");//页面加载时设置scrolltop高度
  }
  function SetCookie(sName, sValue) {
   document.cookie = sName + "=" + escape(sValue) + "; ";
  }
  function GetCookie(sName) {
   var aCookie = document.cookie.split("; ");
   for (var i = 0; i < aCookie.length; i++) {
    var aCrumb = aCookie[i].split("=");
    if (sName == aCrumb[0])
     return unescape(aCrumb[1]);
   }
   return 0;
  }
 </script>

delegate():

<script src="../Js/jquery-1.11.3.min.js"></script> 
<link href="../Js/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet" /> 
<script src="../Js/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script> 

<link href="../Js/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /> 
<script src="../Js/bootstrap-datetimepicker/js/moment-with-locales.min.js"></script> 
<script src="../Js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script> 

html中代码如下:

delegate()
方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

实例1,简单配置:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签:
网站地图xml地图