jQuery ui.draggable이 사용자 정의 함수를 호출하지 않습니다.

javascript 함수 showAlert()가 있습니다. 드래그 가능한 이미지가 있습니다. 끌기가 멈 추면 경보를 표시해야합니다. 작동하지 않습니다. 어떻게 수정합니까? = 변경 자바 스크립트jQuery ui.draggable이 사용자 정의 함수를 호출하지 않습니다.

$("#<%=d1.ClientID%>").draggable(
     {

또는 이미지를 변경, 실행을 제거 : 이미지는 서버에서 실행되는

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server"> 

    <title></title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="Scripts/ui.core.js" type="text/javascript"></script> 
    <script src="Scripts/ui.draggable.min.js" type="text/javascript"></script> 

    <script type="text/javascript"> 

     $(function() 
     { 

      $("#d1").draggable(
      { 

       drag: function (event, ui) 
       { 
       }, 

       stop: function (event, ui) 
       { 
        showAlert(); 
       }, 

       cursor: "move" 

      }); 

     }); 

     function showAlert() 
     { 
      alert("hai"); 
     } 



    </script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div style="border:2px solid orange; width:500px; height:300px;" > 
    <br /> 
     <img src="MyIMages/RedSquare.jpg" alt="" id="d1" runat="server" /> 
    <br /> 
    </div> 
    </form> 
</body> 
</html>

출처

2012-02-05 Lijo

나는 JQuery와 UI 라이브러리를 시도하고 http://jsfiddle.net/5HyyP/

출처

2012-02-05 11:13:30 tmjam

예, jsfiddle.net 코드에서 작동하는 것을 보았습니다. 이상한. Visual Studio에서 실행할 때 제 시나리오에서 작동하지 않는 이유는 무엇입니까? – Lijo

유일한 차이점은 CDN의 JS 라이브러리를 사용하여 JS 파일을 확인하거나 ur 브라우저 JS 콘솔에서 오류가 있는지 확인하십시오. – tmjam

감사합니다. 그것은 CDN src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"를 사용할 때 효과가있었습니다. – Lijo

때문에 렌더링 ID는 다른,하고 스크립트가 그것을 사용하는 찾을 수 없습니다 서버

<img src="MyIMages/RedSquare.jpg" alt="" id="d1" />

출처

2012-02-05 10:21:47 Aristos

나는 피곤 approa 모두 일 체스. 둘 다 작동하지 않았다. 너 스스로 해봤 니? – Lijo

@Lijo 페이지가로드 된 후에도로드 해보십시오. – Aristos

jQuery ui.draggable이 사용자 정의 함수를 호출하지 않습니다.

답변

관련 문제