2012-06-28 86 views
0

我正在構建一個應用程序,目前我有一堆鏈接會在按下時遞增計數器,然後鏈接消失。

的HAML看起來是這樣的:

.button 
    %a 
     %img{:src => "a.jpg"} 
.button 
    %a 
     %img{:src => "b.jpg"} 
.button 
    %a 
     %img{:src => "c.jpg"} 

當我按下按鈕後,這個Javascript看起來是這樣的:

$(document).ready(function() { 
    $(".button > a").click(function(event) { 
     $(this).hide("slow"); 
     event.preventDefault(); 
    }); 
}); 

我想打一個AJAX調用一個鏈接,將調用方法並在圖像旁邊增加一個計數器(在上面的html中沒有顯示),而不用使用$ .get()立即顯示網址。我知道如何獲取src屬性並將其存儲到變量中,但是如何將該變量放入$ .get()函數的URL參數中?

遞增計數器的URL是$ .get(「up/a.jpg」)...但我需要將「a.jpg」部分作爲變量。

編輯:我不知道如何抓取個人圖像的src屬性,我正在發送get函數。

回答

0

據我瞭解,你有兩個部分,以您的問題:

  1. 獲取並存儲在變量A.JPG。
  2. 在up/part之後將它推入URL。

那麼,第2步很容易。假設您設法將a.jpg變成一個名爲「thevariable」的變量。

你可以只用創建一個URL:

var url = 'up/'+thevariable; 
$.get(url)...; 

我們拉出A.JPG並將其存儲在一個變量 - 你有多種選擇:

  1. 使用正則表達式
  2. 調用拆分整個圖像src on /並拉出最後一部分。
  3. 將a.jpg部分存儲在HAML代碼的另一部分中,方法是添加一個附加屬性並使用jQuery將其拉出。你可以把它的數據URL(Twitter的做到這一點太..)

選擇你的醬油:)

+0

給一些網站地址,以學習jQuery,進出口新的jQuery的 –

+0

第1部分,越來越A.JPG我可以使用 $(this).find(「。button img」)。attr(「src」) 問題是如何爲正確的按鈕獲取正確的變量。 –

+0

Nvm 我使用了$(this).parent()。prev()。attr()的組合,因爲我的實際HAML的設置方式......現在一切正常。謝謝! –