单独看meitu.html远程页面时,是可以加载的,但是放到index.html就不能加载了,求解决,谢谢~~用jquery哦,我不大懂JS这些,所以麻烦直接写出最后的结果。多谢了~~~主页面index.html<!doctype html>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<script type="text/javascript" src="/assets/javascripts/jquery-1.10.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).on("click", ".dianwo", function () {
$.getScript("http://open.web.meitu.com/sources/xiuxiu.js");
$('.meituxx').load('meitu.html')
});
});
</script>
</head>
<body>
<div class="dianwo">点我</div>
<div class="meituxx"></div>
</body>
</html>
远程页面meitu.html<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
xiuxiu.embedSWF("altContent",2,"700","800");
/*第1个参数是加载编辑器div容器,第2个参数是编辑器类型,第3个参数是div容器宽,第4个参数是div容器高*/
xiuxiu.setUploadURL("http://imgkaka.meitu.com/picsave.php");//修改为上传接收图片程序地址
xiuxiu.onInit = function ()
{
xiuxiu.loadPhoto();//修改为要处理的图片url
}
xiuxiu.onUploadResponse = function (data)
{
//alert("上传响应" + data); 可以开启调试
}
}
</script>
</head>
<body>
<div id="altContent">
<h1>美图秀秀</h1>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<script type="text/javascript" src="/assets/javascripts/jquery-1.10.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).on("click", ".dianwo", function () {
$.getScript("http://open.web.meitu.com/sources/xiuxiu.js");
$('.meituxx').load('meitu.html')
});
});
</script>
</head>
<body>
<div class="dianwo">点我</div>
<div class="meituxx"></div>
</body>
</html>
远程页面meitu.html<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
xiuxiu.embedSWF("altContent",2,"700","800");
/*第1个参数是加载编辑器div容器,第2个参数是编辑器类型,第3个参数是div容器宽,第4个参数是div容器高*/
xiuxiu.setUploadURL("http://imgkaka.meitu.com/picsave.php");//修改为上传接收图片程序地址
xiuxiu.onInit = function ()
{
xiuxiu.loadPhoto();//修改为要处理的图片url
}
xiuxiu.onUploadResponse = function (data)
{
//alert("上传响应" + data); 可以开启调试
}
}
</script>
</head>
<body>
<div id="altContent">
<h1>美图秀秀</h1>
</div>
</body>
</html>
如果jquery的load函数没有为你过滤掉html,head,body几个标签的话,毫无疑问会出问题
这种完整页面你应该用iframe加载
并且不能跨域。。http://imgkaka.meitu.com/picsave.php这个应该不是你的站吧。。meitu.com这个站的flash设置过crossdomain.xml配置允许你的域名跨域了?
主要就是要把这个加载进去
<div id="altContent">
<h1>美图秀秀</h1>
</div>
可以截取啊
<html>
<head>
<meta charset="gbk" />
<title>标题</title>
<script type="text/javascript" src="/scripts/jquery-1.8.3.min.js"></script>
<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
xiuxiu.embedSWF("altContent",2,"700","800");
/*第1个参数是加载编辑器div容器,第2个参数是编辑器类型,第3个参数是div容器宽,第4个参数是div容器高*/
xiuxiu.setUploadURL("http://imgkaka.meitu.com/picsave.php");//修改为上传接收图片程序地址
xiuxiu.onInit = function ()
{
xiuxiu.loadPhoto();//修改为要处理的图片url
}
xiuxiu.onUploadResponse = function (data)
{
//alert("上传响应" + data); 可以开启调试
}
});
</script>
</head>
<body>
<div class="dianwo">点我</div>
<div id="altContent"></div>
</body>
</html>
<script type="text/javascript" src="/scripts/jquery-1.8.3.min.js"></script>
换成你的
<script type="text/javascript" src="/assets/javascripts/jquery-1.10.1.js"></script>
<html>
<head>
<meta http-equiv="content-type" content="txt/html;charset=utf-8" />
<title>登录</title>
<script type="text/javascript" src="http//www.coding123.net/js/jquery.js"></script>
<script>
$(document).ready(function () {
$("div.dianwo").click(function () {
$.getScript("http://open.web.meitu.com/sources/xiuxiu.js", function () {
$('.meituxx').load('meitu.html')
});
});
});
</script>
</head>
<body>
<div class="dianwo">点我</div>
<div class="meituxx"></div>
</body>
</html>meitu.html
<div id="altContent">
<h1>美图秀秀</h1>
</div>
<script type="text/javascript"> xiuxiu.embedSWF("altContent",2,"700","800");
/*第1个参数是加载编辑器div容器,第2个参数是编辑器类型,第3个参数是div容器宽,第4个参数是div容器高*/
xiuxiu.setUploadURL("http://imgkaka.meitu.com/picsave.php");//修改为上传接收图片程序地址
xiuxiu.onInit = function ()
{
xiuxiu.loadPhoto();//修改为要处理的图片url
}
xiuxiu.onUploadResponse = function (data)
{
//alert("上传响应" + data); 可以开启调试
}
</script>