jQuery : asp.net masterpage를 사용할 때 이미지가로드되지 않습니다.

Question

저는 이것에 붙어있어서 꽤 심술 스럽습니다.

먼저이 파트는 빈 .aspx 페이지에 놓으면 완벽하게 작동합니다. 마우스를 올리면 경고 메시지가 팝업되고 이미지가 파란색으로 바뀝니다.

<script type="text/javascript" src="../../Scripts/SelectCanvas.js"></script> 
<asp:Image ID="imageMain" runat="server" ClientIDMode="Static" Height="300px" 
    Width="300px" /> 

---

$("#imageMain").hover(
function() { 
    alert("main"); 
    $("#imageMain").prop("src", "../../images/selectCanvas/blue.gif"); 
}); 

는 I는 masterPage 사용하는 .ASPX 파일에 동일한 화상 제어 넣어 (jQuery 코드는 SelectCanvas.js이다). 두 .aspx 파일은 모두 같은 디렉토리에 있으며 둘 다 동일한 jQuery 파일을 참조합니다. 그러나 마우스 오버시 경보 메시지가 팝업되지만 이미지가 파란색으로 바뀌지는 않습니다 ... ???

나는 이것에 1/2의 날을 보내고,이 quirk ...의 손실에있다 팁은 매우 감사하게된다. .. thanks.

Answer 1

@ahmadali :

솔루션 ... .prop는() 내 코드에서 왼쪽 ... 작동하고 그것을 잘 작동합니다 LOL ...

가상 경로가 변경되었습니다 (솔루션 탐색기에서 웹 사이트/프로젝트 이름을 클릭하고 가상 경로는 속성 상자에 있음). 기본적으로

은 VS 프로젝트 이름을 사용 :/MyProject를

내가이 변경

: 그래서 경고 메시지가 (jQuery를이 작동) 오는 이유에 의미가 있습니다/

---

하지만, 이미지를 찾을 수 없습니다. 가상 경로가 이미지 경로를 망쳐 놓기 때문입니다.

MasterPage를 사용하지 않을 때 문제가되지 않는데도 이것이 왜 문제 (MasterPage를 사용할 때)인지 이해가되지 않습니다. 그러나이 시점에서 나는이 충돌을 극복하게되어 기쁘다.; -x

Answer 2

$(el).attr("",""); 아니요, $(el).prop("","");! 이 코드를 사용해야합니다

JQuery와의 모든 .prop() 방법이없는

$("#imageMain").hover(
function() { 
    alert("main"); 
    $("#imageMain").attr("src", "../../images/selectCanvas/blue.gif"); 
}); 

을 insted. 당신은 크롬의 검사 요소 도구를 사용하여 오류가 무엇인지 알아 내실 수 있습니다! 이 발견 소요되는 시간과 고통을 조금했다

.. :