Javascript上传按钮问题，针对Wordpress

我正在使用WordPress主题，主题选项页面包含一个无限幻灯片生成器，每张幻灯片包含几个字段和一个上载按钮，用于将图像上载到每张幻灯片。 问题是上传按钮不起作用。 如您所见，上载按钮具有class=“image\u upload\u button”

函数pixy\u admin\u head（）{
$data=get_选项（选项）；？>
jQuery.noConflict（）；
jQuery（文档）.ready（函数（$）{
//AJAX上传
$（'.image\u upload\u button'）。每个（函数（）{
var clickedObject=$（此项）；
var clickedID=$（this.attr（'id'）；
var nonce=$（'#security'）.val（）；
新建AJAX上载（单击EDID{
行动：ajaxurl，
名称：点击EDID，//文件上传名称
数据：{//要发送的其他数据
动作：“pixy\u ajax\u post\u动作”，
键入：“上载”，
安全：暂时，
数据：点击edid}，
autoSubmit:true，//选择后提交文件
回答：错，
onChange:function（文件，扩展名）{}，
onSubmit:函数（文件，扩展名）{
单击object.text（“上载”）；//当用户选择文件时，更改按钮文本
this.disable（）；//如果您希望一次只允许上载一个文件，可以禁用上载按钮
interval=window.setInterval（函数（）{
var text=clickedObject.text（）；
如果（text.length<13）{clickedObject.text（text+'.'）；}
else{clickedObject.text（'Upload'）；}
}, 200);
},
onComplete：函数（文件、响应）{
窗口。清除间隔（间隔）；
单击Object.text（“上传图像”）；
this.enable（）；//启用上载按钮
//如果nonce失败
如果（响应==-1）{
var fail_popup=$（'pixy popup fail'）；
fail_popup.fadeIn（）；
setTimeout（函数（）{
fail_popup.fadeOut（）；
}, 2000);
}
//如果有错误
else if（response.search（'Upload Error'）>-1）{
var buildReturn=''+response+''；
$（“.upload error”）.remove（）；
在（buildReturn）之后单击Object.parent（）；
}
否则{
var-buildReturn=''；
$（“.upload error”）.remove（）；
$（“#图像”+单击EDID）.remove（）；
在（buildReturn）之后单击Object.parent（）；
$（'img#image"+clickedID）.fadeIn（）；
单击Object.next（'span'）.fadeIn（）；
单击object.parent（）.prev（'input'）.val（响应）；
}
}
});
});
});         
//添加新幻灯片
$（“.slide\u add\u button”）.live（'click'，function（）{
var slidecontainer=$（this.prev（）；
var sliderId=slidecontainer.attr（'id'）；
var sliderInt=$（'#'+sliderId）.attr（'rel'）；
var numArr=$（'#'+sliderId+'li'）.find（'.order'）.map（function（）{
var str=this.id；
str=str.replace（/\D/g'）；
str=parseFloat（str）；
返回str；
}).get（）；
var maxNum=Math.max.apply（Math，numar）；
如果（maxNum<1）{maxNum=0}；
var newNum=maxNum+1；
var newSlide='
幻灯片“+newNum+”幻灯片类型HTML SlideVideo/Image Wide Slide幻灯片标题幻灯片说明添加幻灯片背景图像。输入URL或Upload.UploadRemoveSlide内容
；
slidecontainer.append（newSlide）；
$（'.temphide'）.fadeIn（'fast'，function（）{
$（this.removeClass（'temphide'）；
});
返回false；
}); 
}); //结束文件准备就绪

当我使用“添加新幻灯片”按钮class=“slide\u Add\u button”生成幻灯片时，它是由jQuery（*参见上面的“var newSlide”和上传按钮class=“image\u upload\u button”）生成的，如果我保存选项并刷新页面，它将通过一个有效的PHP代码重新生成

PHP代码：

    public static function optionsframework_slider_function($id,$std,$oldorder,$order,$int){
        $data = get_option(OPTIONS);

        $slider = '';
        $slide = array();
        $slide = $data[$id];

        if (isset($slide[$oldorder])) { $val = $slide[$oldorder]; } else {$val = $std;}
        //initialize all vars
        $slidevars = array('type', 'title', 'desc', 'url', 'content');
        foreach ($slidevars as $slidevar) {
            if (!isset($val[$slidevar])) {
                $val[$slidevar] = '';
            }
        }
        //begin slider interface    
        if (!empty($val['title'])) {
            $slider .= '<li><div class="slide_header"><strong>'.stripslashes($val['title']).'</strong>';
        } else {
            $slider .= '<li><div class="slide_header"><strong>Slide '.$order.'</strong>';
        }
        $slider .= '<input type="hidden" class="slide pixy-input order" name="'. $id .'['.$order.'][order]" id="'. $id.'_'.$order .'_slide_order" value="'.$order.'" />';
        $slider .= '<a class="slide_edit_button" href="#">Edit</a></div>';
        $slider .= '<div class="slide_body">';
        $slider .= '<label>Slide Type</label>';
        $slider .= '<div class="slide pixy-checkbox">';
        $slider .= '<input class="slide pixy-radio pixy-slider-type" name="'. $id .'['.$order.'][type]"  type="radio" value="html"';
        if($val['type'] == 'html'){ $slider .= 'checked="checked">'; } else { $slider .= '>'; }
        $slider .= '<div>HTML Slide</div>';
        $slider .= '<input class="slide pixy-radio pixy-slider-type" name="'. $id .'['.$order.'][type]" type="radio" value="video"';
        if($val['type'] == 'video'){ $slider .= 'checked="checked">'; } else { $slider .= '>'; }       
        $slider .= '<div>Video/ Image Wide Slide</div>';
        $slider .= '</div>';
        $slider .= '<label>Slide Title</label>';
        $slider .= '<input class="slide pixy-input pixy-slider-title" name="'. $id .'['.$order.'][title]" id="'. $id .'_'.$order .'_slide_title" value="'. stripslashes($val['title']) .'" />';
        $slider .= '<label>Slide Description</label>';
        $slider .= '<input class="slide pixy-input" name="'. $id .'['.$order.'][desc]" id="'. $id .'_'.$order .'_slide_desc" value="'. $val['desc'] .'" />';



        $slider .= '<label>Add Slide Background Image. Enter URL or Upload.</label>';
        $slider .= '<input class="slide pixy-input" name="'. $id .'['.$order.'][url]" id="'. $id .'_'.$order .'_slide_url" value="'. $val['url'] .'" />';
        $slider .= '<div class="upload_button_div"><span class="button image_upload_button" id="'.$id.'_'.$order .'">Upload</span>';
        if(!empty($val['url'])) {$hide = '';} else { $hide = 'hide';}
        $slider .= '<span class="button image_reset_button '. $hide.'" id="reset_'. $id .'_'.$order .'" title="' . $id . '_'.$order .'">Remove</span>';
        $slider .='</div>' . "\n";
        $slider .= '<div class="screenshot">';
        if(!empty($val['url'])){
            $slider .= '<a class="pixy-uploaded-image" href="'. $val['url'] . '">';
            $slider .= '<img class="pixy-option-image" id="image_'.$id.'_'.$order .'" src="'.$val['url'].'" alt="" />';
            $slider .= '</a>';
            }
        $slider .= '</div>';




        $slider .= '<label>Slide Content</label>';
        $slider .= '<textarea class="slide pixy-input" name="'. $id .'['.$order.'][content]" id="'. $id .'_'.$order .'_slide_content" cols="8" rows="8">'.stripslashes($val['content']).'</textarea>';
        $slider .= '<a class="slide_delete_button" href="#">Delete</a>';
        $slider .= '<div class="clear"></div>' . "\n";
        $slider .= '</div>';
        $slider .= '</li>';

        return $slider;
    }
}// End Class

公共静态函数选项框架\滑块\函数（$id、$std、$oldorder、$order、$int）{
$data=获取选项（选项）；
$slider=''；
$slide=array（）；
$slide=$data[$id]；
if（isset（$slide[$oldorder]）{$val=$slide[$oldorder]；}else{$val=$std；}
//初始化所有变量
$slidevars=数组（'type'，'title'，'desc'，'url'，'content'）；
foreach（$slidevar作为$slidevar）{
如果（！isset（$val[$slidevar]））{
$val[$slidevar]=''；
}
}
//开始滑块界面
如果（！空（$val['title']））{
$slider.='
'.stripslashes（$val['title']）。；
}否则{
$slider.='
幻灯片'.$order'.；
}
$slider.=''；
$slider.=''；
$slider.=''；
$slider.='slidetype'；
$slider.=''；
$slider.=''；}其他{$slider.='>'；}
$slider.='HTML Slide'；
$slider.=''；}else{$slider.='>'；}
$slider.='视频/图像宽幻灯片'；
$slider.=''；
$slider.=“幻灯片标题”；
$slider.=''；
$slider.=“幻灯片说明”；
$slider.=''；
$slider.='添加幻灯片背景图像。输入URL或上载。“；
$slider.=''；
$slider.='Upload'；
如果（！empty（$val['url']）{$hide=''；}否则{$hide='hide'；}
$slider.='Remove'；
$slider.=''。“\n”；
$slider.=''；
如果（！empty（$val['url']））{
$slider.=''；
}
$slider.=''；
$slider.='幻灯片内容'；
$slider。
    public static function optionsframework_slider_function($id,$std,$oldorder,$order,$int){
        $data = get_option(OPTIONS);

        $slider = '';
        $slide = array();
        $slide = $data[$id];

        if (isset($slide[$oldorder])) { $val = $slide[$oldorder]; } else {$val = $std;}
        //initialize all vars
        $slidevars = array('type', 'title', 'desc', 'url', 'content');
        foreach ($slidevars as $slidevar) {
            if (!isset($val[$slidevar])) {
                $val[$slidevar] = '';
            }
        }
        //begin slider interface    
        if (!empty($val['title'])) {
            $slider .= '<li><div class="slide_header"><strong>'.stripslashes($val['title']).'</strong>';
        } else {
            $slider .= '<li><div class="slide_header"><strong>Slide '.$order.'</strong>';
        }
        $slider .= '<input type="hidden" class="slide pixy-input order" name="'. $id .'['.$order.'][order]" id="'. $id.'_'.$order .'_slide_order" value="'.$order.'" />';
        $slider .= '<a class="slide_edit_button" href="#">Edit</a></div>';
        $slider .= '<div class="slide_body">';
        $slider .= '<label>Slide Type</label>';
        $slider .= '<div class="slide pixy-checkbox">';
        $slider .= '<input class="slide pixy-radio pixy-slider-type" name="'. $id .'['.$order.'][type]"  type="radio" value="html"';
        if($val['type'] == 'html'){ $slider .= 'checked="checked">'; } else { $slider .= '>'; }
        $slider .= '<div>HTML Slide</div>';
        $slider .= '<input class="slide pixy-radio pixy-slider-type" name="'. $id .'['.$order.'][type]" type="radio" value="video"';
        if($val['type'] == 'video'){ $slider .= 'checked="checked">'; } else { $slider .= '>'; }       
        $slider .= '<div>Video/ Image Wide Slide</div>';
        $slider .= '</div>';
        $slider .= '<label>Slide Title</label>';
        $slider .= '<input class="slide pixy-input pixy-slider-title" name="'. $id .'['.$order.'][title]" id="'. $id .'_'.$order .'_slide_title" value="'. stripslashes($val['title']) .'" />';
        $slider .= '<label>Slide Description</label>';
        $slider .= '<input class="slide pixy-input" name="'. $id .'['.$order.'][desc]" id="'. $id .'_'.$order .'_slide_desc" value="'. $val['desc'] .'" />';



        $slider .= '<label>Add Slide Background Image. Enter URL or Upload.</label>';
        $slider .= '<input class="slide pixy-input" name="'. $id .'['.$order.'][url]" id="'. $id .'_'.$order .'_slide_url" value="'. $val['url'] .'" />';
        $slider .= '<div class="upload_button_div"><span class="button image_upload_button" id="'.$id.'_'.$order .'">Upload</span>';
        if(!empty($val['url'])) {$hide = '';} else { $hide = 'hide';}
        $slider .= '<span class="button image_reset_button '. $hide.'" id="reset_'. $id .'_'.$order .'" title="' . $id . '_'.$order .'">Remove</span>';
        $slider .='</div>' . "\n";
        $slider .= '<div class="screenshot">';
        if(!empty($val['url'])){
            $slider .= '<a class="pixy-uploaded-image" href="'. $val['url'] . '">';
            $slider .= '<img class="pixy-option-image" id="image_'.$id.'_'.$order .'" src="'.$val['url'].'" alt="" />';
            $slider .= '</a>';
            }
        $slider .= '</div>';




        $slider .= '<label>Slide Content</label>';
        $slider .= '<textarea class="slide pixy-input" name="'. $id .'['.$order.'][content]" id="'. $id .'_'.$order .'_slide_content" cols="8" rows="8">'.stripslashes($val['content']).'</textarea>';
        $slider .= '<a class="slide_delete_button" href="#">Delete</a>';
        $slider .= '<div class="clear"></div>' . "\n";
        $slider .= '</div>';
        $slider .= '</li>';

        return $slider;
    }
}// End Class

<span class="button image_upload_button" id="' + sliderId + '_' + newNum + '">Upload</span>

jQuery(document).ready(function($) {


//AJAX Upload
    $('.image_upload_button').each(function() {