2009-01-26 89 views
3

我試圖改變點擊圖像類似於SO與投票箭頭和複選標記。asp.net mvc:Ajax actionlink或Jquery解決方案?

即時通訊思想要麼:

1-讓每個圖像是Ajax.ActionLink並且點擊時返回不同的圖像。

2-將圖像作爲超鏈接的背景,並使用Ajax.ActionLink替換css類以獲取新圖像。

3-使用JQuery代替。

這是最好的方式去,你能提供的例子嗎?

回答

5

jquery是最好的,因爲如果你在asp.net-mvc中使用actionlink,那麼你將不得不爲每個點擊的圖像(動作方法)處理一個鏈接,這可能會變得複雜。

在jQuery的

你有這樣的事情,可以最大限度地減少難度

$(document).ready(function() { 
     //image is the name of the class of your images 
    $(".image").click(function() { 

    $(".image").hide(); //just an example.. 
     }); 
}) ;  

這將隱藏圖像是clicked..refer jQuery的教程來獲取圖像來做你想做什麼點擊..或者添加一個CSS到圖像或改變放大或任何..保持沉默,因爲你使用的是asp.net,如果你使用asp Web控件,並且想在jQuery中而不是類中調用id,那麼它有點不同。沒有asp網頁控件,它會這樣稱呼id:

("#image1").click(function() { 

但是使用asp網絡控制如ASP:ImageButton的,將是這樣的:

("#ct100_******image1").click(function() { 

星號可以anything..you必須查看源代碼,首先看到的是實際的ID名稱是什麼因爲asp.net的變化控制了你設置屬性爲runat = Server的id名稱,並且默認情況下你必須設置runat = server爲asp web控件編譯

+0

我在asp.net mvc網站上做了非常多的工作。 即使有相同的多個圖像,您可以在點擊時設置標識符,然後當您的ajax再次訪問該圖像並相應地更改src或類時。 – 2009-01-26 23:14:53

+0

請記住,在asp.net中,您可以使用<%= image1.ClientID%>來獲取值「(」#ct100 _ ****** image1「)」 – 2009-09-30 18:09:10

0

使用jQuery。點擊後,執行ajax調用並切換課程。