aspx에서 jquery, easyui 및 more scripts를 가져 오십시오.

이것은 이상한 문제입니다. easyuis drad-and-drop 기능을 사용하기 때문에 aspx 페이지에서 jquery와 easyui 라이브러리를 가져와야합니다. 이것은 매우 쉽게해야하지만 ... 내가 drag_and_drop.js이aspx에서 jquery, easyui 및 more scripts를 가져 오십시오.

<head> 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
    <script src="Scripts/jquery.easyui.min.js" type="text/javascript"></script> 
    <script src="Scripts/drag_and_drop.js" type="text/javascript"></script> 
</head>

같은 코드를 여러 번 시도

function OnDrag() { 
    $('module1').draggable(); 

};

내가 여기에 기능

<body> 
    <div id="module1" runat="server" oninit="OnDrag()"> 
     <asp:Panel ID="Panel1" runat="server"> 
      <asp:Image ID="Image1" runat="server" ImageUrl="~/Resources/mickey.jpg" /> 
     </asp:Panel> 
    </div> 
</body>

전화

이 모든 것이 어떤 이유로 작동하지 않습니다.

jquery와 easyui의 전체 libs를 head 태그 안의 스크립트 태그에 붙여 넣으려고했는데 모든 것이 잘 동작했습니다. 이것은 aspx에 libs를 가져 오는 데 문제가 있다는 것을 이해하게했습니다.

내가 뭘 잘못하고 있니? 미리 감사드립니다 ...

출처

2011-08-26 Dejan Stuparic

받고있는 오류 메시지는 무엇입니까? – Waqas

그것은 div 안쪽에서 호출 될 때 컨트롤 OnDrag()를 인식하지 못한다고 말합니다 ... –

dom에 oninit 이벤트가 없으므로 javascript 함수를 실행할 수 없습니다. OnDrag() – zhzhzhh

oninit을 div 태그에서 제거한 다음 페이지 머리 부분에이 코드를 추가하십시오.

<script type="text/javascript"> 
    $(function(){ 
     $('module1').draggable(); 
    }); 
</script>

이

은 DOM이 준비 될 때 draggable() 방법을 실행하고,

편집 대신 jQuery를 UI를 드래그 사용해보십시오 작동합니다. http://jqueryui.com/demos/draggable/

그런 다음 jquery.easyui.min.js 및 drag_and_drop.js 스크립트를 제거 할 수 있습니다.

출처

2011-08-26 08:45:06

이제 오류는 없지만 기능이 작동하지 않습니다. 이미지를 드래그 할 수 없습니다. –

업데이트 된 답변. –

고마워, 문제를 해결 했어. 대신에 'module1'대신 'module1'을 써야 했어. –

aspx에서 jquery, easyui 및 more scripts를 가져 오십시오.

답변

관련 문제