프로토 타입 내부에서 JS/JQuery 실행하기

Question

Prototype Draggable 창에 문제가 있습니다. 저는 창문이있어서 창안에 일부 jQuery/Ajax/JavaScript 함수를 시작하려고하지만 아무것도 작동하지 않는 것 같습니다.

간단한 자바 스크립트 팝업 스크립트로 만든 예를보고 div를 클릭하면 표시되지 않습니다. 모든 기능은 동일합니다.

jQuery의 경우 이미 noconflict()을 시도했지만 여전히 작동하지 않습니다.

편집 :

function openApps() { 
    new UI.Window({theme: "ultra_dark", 
      width: 1170, 
       height: 630, 
       superflousEffects: superflousEffects}).center().show().setAjaxContent('myFile.php', { 
    method: "GET", 
    onCreate: function() { 
    this.header.update("Applications"); 
     this.setContent('<div class="message">Please wait...</div><div class="spinner"></div>'); 
    } 
    }); 
    } 

Answer 1

시도 AJAX에 의해 귀하의 스크립트는 context of a callback에서 실행되고 있습니다. . 함수 show_confirm은 아마도 onComplete 내의 클로저가됩니다. 쓸 필요가없는 것이 자동입니다.

명시 적으로 전역 변수에 할당해야 할 수도 있습니다.

window.show_confirm = function() { 
    var r = confirm("Press a button!"); 
    if (r == true) { 
     alert("You pressed OK!"); 
    } else { 
     alert("You pressed Cancel!"); 
    } 
} 

또는 당신이 검색 <script> 요소가 전혀 실행되지 않는 검색 한 경우 대신 setUrl('myFile.php')으로 setAjaxContent('myFile.php', ...)를 대체하여 iframe을 사용할 수 있습니다 (I이 일부 도메인 문제로 일어날 수 있다고 생각합니다). 로딩 스피너를 갖는 방법을 알지 못하기 때문에 이것은 타협점입니다.

Answer 2

왜 jQuery's UI를 사용 여기 내가 창을 설정하는 방법입니까? 충돌을 막기 위해 dialogue windows이 내장되어 있습니다. 여기

은 당신의 맥락에서 그 사용의 예 :

<script> 
$(function() { 
    $("a[id=delete-item]").click(function(){ 
     $("div[id=dialog-confirm-delete]").dialog({ 
      modal: true, 
      buttons: { 
       "Delete item": function() { 
        $(this).dialog("close"); 
       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
}); 
</script> 
<style> 
    div[id=dialog-confirm-delete] { 
     display: none; 
    } 
</style> 
<div id="dialog-confirm-delete"> 
    <p> 
     This item will be permanently deleted and cannot be recovered. Are you sure? 
    </p> 
</div> 
<a id="delete-item">Delete</a> 

그리고 작업 예제 :이 내용을 설정하고 있기 때문에

http://jsfiddle.net/xsv8B/2/

Answer 3

이

<script type="text/javascript"> 
function show_confirm() 
{ 
var r=confirm("Press a button!"); 
if (r) 
    { 
    alert("You pressed OK!"); 
    } 
else 
    { 
    alert("You pressed Cancel!"); 
    } 

return false; 
} 

//if you want to use jquery 
$(function(){ 
    $("a").click(function(){ 
     var r=confirm("Press a button!"); 
     if (r) 
     { 
     alert("You pressed OK!"); 
     } 
     else 
     { 
     alert("You pressed Cancel!"); 
     } 

     return false; 
    }); 
}); 
</script> 



<a href="#" onclick="return show_confirm()"><div id="delete"></div></a>