Colorbox ajax+颜色选择器插件


Colorbox ajax + colorpicker plugin

我目前正在制作一个通过colorbox的ajax功能打开的表单。在我的表单上,我想让其中一个输入字段对jquery插件(colorpicker)做出反应,但它不适用于输入字段。我尝试过在主页面(我加载ajax颜色框的地方)和通过ajax获得的页面上应用该脚本,但没有成功。

我在插件中唯一要做的就是加载js文件并设置输入的id="color"。它没有按预期工作。

我已经在谷歌上搜索了这个问题的解决方案。

希望任何人都能解决这个问题!

更新:

我在我的头标签中使用它来初始化jquery插件(ColorPicker)

<script type="text/javascript" src="jscolor.js"></script>

这是我在Colorbox 上调用的函数

jQuery(".ajax").colorbox({onComplete:function(){}});

我执行ajax功能的按钮

<a class="ajax cboxElement" title="Settings for '.$load_all_polls->poll_title.'" href="edit.php?poll_id='.$load_all_polls->poll_id.'">Indstillinger</a>

带有ajax调用的按钮工作正常!

以及ColorPicker应该响应的输入字段(在ajax调用中)

<input class="color" value="<?php echo $poll->bg_color; ?>" name="bg_color">

同样,问题是ColorPicker在调用Ajax之前通过我的(DOM树?)加载,因此ColorPicker无法识别Ajax调用中的inputfield。

该怎么办?:)

谨致问候,Mathias

通过ajax加载页面后加载输入字段。因此colorpicker无法将事件绑定到这个新加载的元素。您应该使用委托将事件附加到输入字段。