2012-08-02 38 views
0

我被困在這件事上,它非常奇怪。jQuery:使用asp.net母版頁時圖片無法加載

首先,這部分工作完美,當我把它放在一個空白的.aspx頁面。在鼠標懸停時,彈出警告消息,然後圖像變爲藍色。

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

(jquery的代碼是在SelectCanvas.js)

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

我把相同的圖像控制在使用一個母版.aspx文件。這兩個.aspx文件都在同一個目錄中,並且都引用相同的jQuery文件。但是,在鼠標懸停時,彈出警報消息,但圖像不會變成藍色......

我已經花了1/2天在這個,並在這個怪癖丟失...提示非常感謝...謝謝。

回答

0

@ahmadali:.prop()的作品......我把它放在我的代碼,它工作正常...

SOLUTION:

這是費時又有點痛苦地發現.. 。LOL ...

我更改了虛擬路徑(在解決方案資源管理器中單擊網站/項目名稱,虛擬路徑位於屬性框中)。

默認情況下,VS使用項目名稱:/ myProject的

我把它改爲:/


因此,它是爲什麼警報消息就要到了(jQuery是工作)意義,而是該圖像未被找到。這是因爲虛擬路徑搞砸了圖像的路徑。

我還是不明白爲什麼這是一個問題(當使用MasterPage時),而不使用MasterPage時不是問題。但在這一點上,我只是很高興克服這個顛簸...; -x

0

這是$(el).attr("","");不是$(el).prop("","");

您應使用此代碼insted的

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

沒有jQuery中任何.prop()方法。你可以使用鉻的檢查元素工具,並查看錯誤,找出錯誤是什麼!