Question

외부 jquery 파일을 사용하여 이미지를 지우려고하지만 알림을 표시하지 않습니다.

내 div의 이미지를 정리해야합니다.

$('#<%=thumbs.ClientId%>').append("<img class='LoadclickImage' align='left' style='height:48px;width:75px;' src='Uploads/" + document.getElementById("<%=currentDirectory.ClientId%>").value + "/" + file.name + "' width='75' height='50' rel='group1' href='Uploads/" + document.getElementById("<%=currentDirectory.ClientId%>").value + "/" + file.name + "' >"); 

이 내 외부 JS 파일입니다

self.ClearAll_button.click(function (e) { 
    $('#<%=thumbs.ClientId%> img').hide; 
    alert('You have cleared everything!'); 
    e.preventDefault(); 
    } 

Answer 1

<%=thumbs.ClientId%> 외부 자바 스크립트 파일에서 거의 의미가 있습니다. ASPX/ASCX WebForms에서만 사용할 수있는 ASP.NET 서버 사이드 태그입니다.

<script type="text/javascript"> 
    var thumbsId = '<%=thumbs.ClientId%>'; 
</script> 

후 별도의 js 파일 사용이 변수 :

이

self.ClearAll_button.click(function (e) { 
    $('#' + thumbsId + ' img').hide(); 
    alert('You have cleared everything!'); 
    e.preventDefault(); 
} 

또 다른 가능성은 클래스 선택기를 사용하는 것입니다

하나의 가능성은 ASPX 페이지에서 글로벌 자바 스크립트 변수를 정의하는 것입니다 id selector 대신에. 그리고 ASP.NET 4.0에서 실행중인 경우 또 다른 가능성은 ClientIDMode 덕분에 predictable ids을 사용하는 것입니다.