AJAX 링크가있는 콘텐츠를 반환하는 양식이있는 iFrame을 사용하고 있습니다.
그런 다음 반환 된 콘텐츠를 iFrame에서 기본 페이지로 이동합니다.AJAX 링크가 iFrame 밖으로 이동하면 어떻게 작동합니까?
그러나 링크를 클릭하면 ajax 링크가 작동하지 않고 "Element is null"오류가 생성됩니다.
iFrame에서 콘텐츠를 이동하면서 AJAX 링크가 작동하도록하려면 어떻게해야합니까?
<span id="top">
<a id="link8" onclick=" event.returnValue = false; return false;" href="/item_pictures/delete/7">
<img src="/img/delete.bmp"/>
</a>
<script type="text/javascript">
parent.Event.observe('link8', 'click', function(event) {
new Ajax.Updater('top','/item_pictures/delete/3', {
asynchronous:true, evalScripts:true,
onCreate:function(request, xhr) {
document.getElementById("top").innerHTML = "<img src=\"/img/spinner_small.gif\">";
},
requestHeaders:['X-Update', 'top']
})
}, false);
</script>
</span>
고맙습니다, 루크. "부모"접두어를 추가하면 실제로 "요소가 null입니다."라는 문제가 제거되었습니다. 그러나 AJAX는 여전히 실행되지 않았습니다. 오류 없음. 내가 한 일은 AJAX 호출을 외부 js 파일로 이동시키고 링크가 클릭되면 함수를 호출하는 것입니다. 이제 작동합니다. – KcYxA