我有一个网页,访问者可以使用该页面中的公式(一种维基)进行更改。下面列出了给我带来问题的代码。这段代码工作正常但是当我添加了一行显示注释的代码(jquery replaceWith
调用)时,浏览器正确执行了指令,但页面对任何导致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();
});
答案 0 :(得分:0)
objectiu = parent.frames[2].document.getElementById(parent.frames[2].id);
substitut = '<' + noutag + ' id="' + bakid + '">' + text + '</' + noutag + '>';
if (noutag!=parent.frames[2].tag) {
$(objectiu).replaceWith(substitut);
}