我有一个网页,访问者可以使用该页面中的公式(一种 wiki)来更改该网页。下面列出了给我带来问题的代码。这段代码工作正常,但是当我添加出现注释的代码行(jqueryreplaceWith
调用)时,浏览器会正确执行指令,但随后页面对任何导致 javascript/jquery 代码执行的事件无响应。有什么想法有什么问题吗?
$(document).ready(function(){
$("#envia").click(function(){
objectiu = parent.frames[2].document.getElementById(parent.frames[2].id);
substitut = '<H1>' + document.getElementById("txt1").value + '</H1>';
// $(objectiu).replaceWith(substitut);
$.post("xines.py",
{
tag: parent.frames[2].tag,
par: parent.frames[2].id,
text: document.getElementById("txt1").value, // TEXT
codi: document.getElementById("txt2").value, // COL·LABORADOR
idioma: parent.frames[0].document.getElementById("txt3").value, // IDIOMA
},
function(data,status){
parent.frames[3].document.getElementById("myp").innerHTML= data;
parent.frames[2].document.getElementById(parent.frames[2].id).style.color='#000000';
parent.frames[2].document.getElementById(parent.frames[2].id).innerHTML = document.getElementById("txt1").value;
document.getElementById("txt1").value = "";
document.getElementById("txt1").style.backgroundColor = '#FFFFFF';
});
});
});
网页的每个元素都有一个唯一的 id,因此 id 不可能引用网页中的多个元素,id 在框架 2 中分配,如下所示:
$("p").click(function(){ // FUNCTION FOR CLICK ON <P>
id = this.id;
this.style.color = '#0000FF';
parent.frames[1].document.getElementById("txt1").value = this.innerHTML;
tag = this.nodeName;
click_doc();
});
$("h1").click(function(){ // FUNCTION FOR CLICK ON <H1>
document.getElementById(id).style.color='#000000';
this.style.color = '#0000FF';
parent.frames[1].document.getElementById("txt1").value = this.innerHTML;
tag = this.nodeName;
id = this.id;
click_doc();
});