jQuery颜色选择器不能在添加的元素上工作
jQuery colorpicker not working on added elements
这些小部件里面有一个滑动框。当页面加载时有两个小部件,但是您可以添加一个小部件并再次删除它。
滑动框内部是一个颜色选择器,在初始小部件上,颜色选择器可以正常工作,但在添加的小部件中,颜色选择器不起作用。
查看此提琴:http://jsfiddle.net/fULQZ/
我认为错误是在脚本的颜色选择器?
下面是颜色选择器的脚本:// Color picker
function updateBackground(color) {
$(this).parents(".box_header").css("background", color.toHexString());
}
$(function() {
$(".flatPalette").spectrum({
flat: true,
showInput: true,
showPaletteOnly: true,
showPalette:true,
maxPaletteSize: 10,
palette: [
['#DDD','#9fd0d3', '#c9a9d1', '#e2a6a5', '#c2d2bd','#9fb2d1', '#dbba97', '#cbefe9', '#e6e8bf'],
[]
],
change: updateBackground
});
});
在一个专用函数中提取你的频谱初始化,稍微改变一下选择器以获得所有非初始化的,然后在gridster.add_widget
之后调用这个函数function addSpectrum(){
$(".flatPalette:empty").spectrum({ ... }); // :empty will get non init box
};
$('.addbox').on("click", function(){
gridster.add_widget(' ... ', 2, 1);
addSpectrum(); // add spectrum on the new box
});
addSpectrum(); // init spectrum on non dynamic box
http://jsfiddle.net/fULQZ/1/你需要一个"live"选择器来匹配运行时添加的元素,检查http://api.jquery.com/live/
相关文章:
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 用javascript将script元素附加到头部;铬不能工作
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作
- 无法使以下ng on click outside指令在同一页面上的两个元素上工作
- DIV怎么能像Javascript中的另一个元素一样工作呢
- javascript()onclick隐藏元素-dos'我不在firefox工作
- 没有获得基础's的Javascript元素工作(与Laravel和Elixir)
- 为什么在ASP.NET Ajax更新面板中执行任何操作后javascript元素都停止工作
- jQuery插件在为元素分配id时停止工作
- 注入的元素和jQuery脚本.如何让他们一起工作
- 自动完成搜索无法正常工作,请不要迭代$中的所有元素.每个ul-li都会及时显示响应
- 让 jquery 为 ajax 添加的元素工作的最佳方法是什么?
- 似乎无法获得'.focus()'元素工作.
- 如何使工具提示从函数本身之外的元素工作
- 似乎不能让JQuery's .on()为通过脚本创建的元素工作
- 添加元素工作,但清除输入值
- jQuery选择器不能为动态创建的元素工作
- IE11 Javascript更改事件不与html表单元素工作
- 欧芹js会为运行时出现的元素工作吗
- 为什么点击一个元素来触发一个事件会阻止另一个元素工作呢?