Jquery.将插件的实例化绑定到动态加载的内容上
Jquery. Binding the instantiation of a plugin on dynamically loaded content
在页面上动态放置的div标签中选择id时出现问题
这是一个日期字段,我希望在用户关注该字段时显示一个日期拾取器。我试图设置一个插件,而不是做任何其他类型的jQuery事件,我认为,我的问题。
这是动态加载的内容,当用户点击"日历"中的一个单选按钮时,它就会被放置在页面上。
$("#s10").click(function(){
$("#S_Date").html('<input type="text" name="Start_Date" id="Start_Date" value="2016-05-24" />2016-05-24');
#S_Date
是在文档加载时加载的父div id。
我正在使用"PickMeUp"日期拾取器插件。
据我所知,我需要使用on()
事件处理程序,但我似乎无法让它绑定到#Start_Date
。
这是我最近的一次尝试:
var pickitup = $("#Start_Date").pickmeup({format : 'Y-m-d'});
$("#S_Date").on('focus', "#Start_Date", function(){pickitup});
定义了拾取,我也尝试过:
$("#S_Date").on('focus', "#Start_Date", pickitup);
$("#S_Date").on('focus', "#Start_Date", function(){pickmeup({format : 'Y-m-d'})});
失败,pickmeup is not defined
错误。
的想法吗?
所以,如果我理解你在做什么,你想插入一些html到一个给定的元素点击事件,然后应用日期选择器功能吗?
$("#s10").on("click", function() { //when the element is clicked...
//create an input with the appropriate attributes
var picker = $("<input />", { type: "text", name: "Start_Date", value: "2016-05-24" });
//append it to the desired element(s)
$("#S_Date").append(picker);
//run the plugin on it
picker.pickmeup({format: 'Y-m-d'});
});
这是一个工作(简单)小提琴https://jsfiddle.net/s6vu0rnq/
你得到的未定义错误是因为"pickmeup"是jquery的原型属性,但你试图从全局作用域调用它。
也"。点击"is just a alias for"。,所以你可以使用。
相关文章:
- UIWebview赢得't通过基本身份验证加载动态加载的资源(通过jQuery mobile)
- 我们可以加载动态角度对话框吗
- 使用JQuery在遗留html中加载动态AngularJS
- 谷歌地图在angularjs中懒惰加载动态地理坐标更新
- 正在加载动态日历以在一个月的正确日期开始
- 从服务器和/或客户端加载动态元素的典型技术是什么
- 如何加载动态更改的css文件
- jQuery 时间选取器未加载动态文本字段
- 如何在Highslide中加载动态生成的iframe
- 有没有办法避免角加载动态构建页面时的抖动效应
- 加载动态添加的输入字段
- 用于加载动态 JSON 数据的 JQuery 移动事件
- 手控表未加载动态创建的列标题
- 如何在 ag-grid 中从 http 调用加载动态列和行(列和记录都应该是动态的)
- Jquery 在 Firefox 中的自定义对象参数(动态导航加载动态内容)
- 延迟加载动态驱动器内容选项卡
- Angular JS ui-router - 加载动态视图和动态控制器
- 防止在引导选项卡中加载动态连续网络两次
- 使用 nodejs 加载动态 html
- 如何在 XSLT 中加载动态内容时创建函数