Php ajax调用后Jquery颜色选择器不工作_Php_Jquery_Ajax_Color Picker

Php ajax调用后Jquery颜色选择器不工作

php jquery ajax

Php ajax调用后Jquery颜色选择器不工作,php,jquery,ajax,color-picker,Php,Jquery,Ajax,Color Picker,在我的站点中，我添加了一个jQuery颜色选择器文本框，如下所示： http://www.eyecon.ro/colorpicker/ 通过ajax加载页面时，此颜色选择器不工作。这意味着颜色选择器在ajax调用后无法工作我怎样才能解决这个问题我的站点是CodeIgniter站点：这是我的索引页源代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

在我的站点中，我添加了一个jQuery颜色选择器文本框，如下所示：

http://www.eyecon.ro/colorpicker/

通过ajax加载页面时，此颜色选择器不工作。这意味着颜色选择器在ajax调用后无法工作

我怎样才能解决这个问题

我的站点是CodeIgniter站点：

这是我的索引页源代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Rock website</title>
<link href="<?php echo base_url();?>style/style_user_admin.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>style/jquery-jvert-tabs-1.1.4.css" />

<script type="text/javascript" src="<?php echo base_url();?>/js/ajaxupload.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/jquery-1.4.1.min.js"></script>

<script type="text/javascript" src="<?php echo base_url();?>js/colorpicker.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/eye.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/utils.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/layout.js?ver=1.0.2"></script>
<link rel="stylesheet" href="<?php echo base_url();?>css/colorpicker.css" type="text/css" />


<script type="text/javascript" src="<?php echo base_url();?>js/jquery-jvert-tabs-1.1.4.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>js/jquery.cleditor.css" />
<script type="text/javascript" src="<?php echo base_url();?>js/jquery.cleditor.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    page_setup();
});
</script>

<script type="text/javascript">
    function page_setup()
    {
        $.ajax({  
                    type: "POST",  
                    url: "<?php echo base_url();?>index.php/super_admin/page_setup/",
                    success: function(msg){
                    //alert(msg);
                    $("#page_setup").html(msg).show();
                    }  
                });
    }
</script>
</head>

<body>
<div class="wraper">
<div class="welcome_to_admin">
Super Admin Panel
</div>
<div class="admin_main">
<div id="vtabs1">
    <div>
        <ul>
            <li><a href="#page_setup" onclick="return page_setup();">Page Setup</a></li>
        </ul>
    </div>
    <div>
        <div  id="page_setup">
            <!--
            load the page_setup.php page here
            -->
        </div>
    </div>
</div>
</div>
</div>
</body>
</html>

这是page_setup.php页面代码：

<div class="tab1_rgt_part">
<div class="message_to_send_11">Color Settings</div>
  <div class="tab1_main_part" style="margin-top:20px;">
  <div class="tab1_left_part">Welcome Page Bg Color</div>
<input type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00" />
</div>


颜色设置
欢迎页面背景颜色

加载html后尝试添加颜色选择器：

function page_setup()
    {
        $.ajax({  
                    type: "POST",  
                    url: "<?php echo base_url();?>index.php/super_admin/page_setup/",
                    success: function(msg){
                    //alert(msg);
                    $("#page_setup").html(msg).show();
                    $("#colorpickerField1").ColorPicker(
                     onChange: function (hsb, hex, rgb) {   
                        $(this).val(hex);
                     }
                    );
                    }  
                });
    }

功能页\u设置（）
{
$.ajax（{
类型：“POST”，
url:“index.php/super_admin/page_setup/”，
成功：功能（msg）{
//警报（msg）；
$（“#页面设置”）.html（msg.show（）；
$（“#colorpickerField1”）。ColorPicker(
onChange：函数（hsb，hex，rgb）{
$（this）.val（十六进制）；
}
);
}  
});
}

我找到了答案。将此代码添加到查看页面顶部的脚本标记中

问题中没有足够的详细信息提供任何真正的帮助！您需要发布代码a）发出ajax调用并处理其回调b）如何以及在何处初始化colorpicker等。。如果可能的话，还有一个jsfiddle链接或者一个指向您的工作的链接来展示您的完整代码。显示Jqery+java脚本+HTMLNow颜色选择器，但我可以将所选颜色添加到文本框“colorpickerField1”中，这是另一个与ajax无关的问题。确保所有css和js文件都已成功加载。

function page_setup()
    {
        $.ajax({  
                    type: "POST",  
                    url: "<?php echo base_url();?>index.php/super_admin/page_setup/",
                    success: function(msg){
                    //alert(msg);
                    $("#page_setup").html(msg).show();
                    $("#colorpickerField1").ColorPicker(
                     onChange: function (hsb, hex, rgb) {   
                        $(this).val(hex);
                     }
                    );
                    }  
                });
    }

    $('#colorpickerField1, #colorpickerField2, #colorpickerField3,#colorpickerField4).ColorPicker({
    onSubmit: function(hsb, hex, rgb, el) {
        $(el).val("#"+hex);
        //$(el).css("background-color","#"+hex);
        $(el).ColorPickerHide();
    },
    onBeforeShow: function () {
        $(this).ColorPickerSetColor(this.value);
    }
})