ajax 异步加载了上传图片火狐谷歌下无效果求助求助啊。。

用户登录新用户注册

主题: ajax 异步加载了上传图片火狐谷歌下无效果求助求助啊。。

作者: ciycy, 发布日期: 2013-06-17 14:26:38, 浏览数: 3546

上传是用的这块

http://www.kindsoft.net/ke4/examples/image-dialog.html

然后正常打开页面后没有问题，当ajax重新加载该页面时火狐谷歌的上传无效，IE下正常运转。问题出在哪里啊！

作者: Roddy, 发布日期: 2013-06-17 16:08:24

不要用Ajax加载包含JS的HTML，会有兼容性问题。可以先加载HTML，然后在ajax success回调函数里执行JS。

作者: ciycy, 发布日期: 2013-06-17 16:24:12

回复Roddy：罗老师，大体意思我懂了，具体写法应该怎样写呢？

success:function(data){

$("body").html(data);

/*这里写js吗？*/

});

作者: ciycy, 发布日期: 2013-06-17 17:13:31

回复Roddy：罗老师，下面是我的案例。这样运行起来编辑器可以调用，也可以正常使用，然后上传图片不能正常使用。

index.html

<!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>后台管理中心</title>
<script type="text/javascript" src="Js/jquery.js"></script>
<script charset="UTF-8" src="kindeditor/kindeditor.js"></script>
<script charset="UTF-8" src="kindeditor/lang/zh_CN.js"></script>
</head>
<body>
<script>
/*调用编辑器*/
$(function(){
   var editor = KindEditor.create('textarea[name="content"]');
});
/*编辑器上传调用*/
upPic("#upbtn","#thumb");
/*编辑器上传图片调用*/
function upPic(btnID,urlID){
   KindEditor.ready(function(K) {
       var editor = K.editor({
           allowFileManager : true
       });
       K(btnID).click(function() {
           editor.loadPlugin('image', function() {
               editor.plugin.imageDialog({
                   imageUrl : K(urlID).val(),
                   clickFn : function(url, title, width, height, border, align) {
                       K(urlID).val(url);
                       editor.hideDialog();
                       editor.sync();
                   }
               });
           });
       });
   });
}

</script>
<input type="text" id="thumb" name="thumb" value="" class="comTxt" size="30" readonly="readonly"> <input type="button" name="upbtn" id="upbtn" class="comBtn" value="上传图片">
<textarea name="content" width="700"></textarea>
<a href="javascript:void(0)">点击此处Ajax加载上传图片部分</a>
</body>
</html>
<script>
$("a").click(function(){
       $.ajax({
           type: "GET",
           url:"test.html",
           success:function(data){
               $("body").html(data);
           }
       });
});
</script>

text.html

论坛 Forum