代码之家 › 专栏 › 技术社区 › Jules Colle

用ajax加载jqueryhtmlbox

jquery ajax javascript

Jules Colle · 技术社区 · 15 年前

我使用此代码将htmlbox实例加载到我的页面(此页面还在head部分加载使用htmlbox所需的库):

<div id="container"></div>

<script language="Javascript" type="text/javascript">

 function showEditPnl() {
  var pnl = document.getElementById("container");

  if (window.XMLHttpRequest) {
   // code for IE7+, Firefox, Chrome, Opera, Safari
     xmlhttp=new XMLHttpRequest();
  } else {
   // code for IE6, IE5
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
   if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    pnl.innerHTML = xmlhttp.responseText;
   }
  };
  xmlhttp.open("GET","ajax_getEditor.html",true);
  xmlhttp.send();
 }
</script>

以下是ajax_getEditor.html文件:

<textarea id='ha'></textarea>
<script language="Javascript" type="text/javascript">
$("#ha").css("height","100%").css("width","100%").htmlbox({
    toolbars:[["link","unlink","image"]],
 skin:"blue"
});
</script>

showEditPnl()

2 回复 | 直到 15 年前

Nick Craver 15 年前

如注释所述,这是使用 .innerHTML 像你现在这样,这个答案和问题有点不相干。

你可以用 .load()

function showEditPnl() {
  $("#container").load("ajax_getEditor.html");
}

或者,可以在回调中运行脚本,而不是从获取的页面加载脚本,如下所示:

function showEditPnl() {
  $("#container").load("ajax_getEditor.html", function() {
    $("#ha").css({height:"100%", width: "100%"}).htmlbox({
      toolbars:[["link","unlink","image"]],
      skin:"blue"
    });
  });
}

在这种情况下,我还将一个对象传递给 .css()

Jules Colle 15 年前

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

10 月前

user28928120 · 如何在jquery中选择所有类?

10 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

10 月前

Eliable · 使点击计数器和进度条协同工作

10 月前

mlri · 从不同的onclick事件执行相同的javascript函数

11 月前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

11 月前

Jack Maessen · 在处理程序上使用时如何获取输入类型

11 月前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

11 月前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

11 月前