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();
   });
});

$.get() を使用して URL をすぐに明らかにすることなく、メソッドを呼び出して画像の横にカウンターをインクリメントする (上記の html には表示されていません) リンクへの ajax 呼び出しを行いたいと考えています。src 属性を取得して変数に格納する方法は知っていますが、変数を $.get() 関数の URL パラメーターにどのように配置すればよいですか?

カウンターをインクリメントする URL は $.get("up/a.jpg") ですが、"a.jpg" の部分を変数にする必要があります。

編集: get 関数を送信する個々の画像の src 属性を取得する方法がわかりません。

4

1 に答える 1

0

私が理解しているように、あなたはあなたの問題に2つの部分があります：

  1. a.jpgを取得して変数に保存します。
  2. up/部分の後のURLにそれをプッシュします。

さて、ステップ2は簡単です。a.jpgを「thevariable」という変数に引き出すことができたとします。

次を使用してURLを作成できます。

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

ここで、a.jpgを取り出して変数に保存するには、複数のオプションがあります。

  1. 正規表現を使用する
  2. /の画像src全体でsplitを呼び出し、最後の部分を引き出します。
  3. 追加の属性を追加し、jQueryを使用してそれを引き出すことにより、a.jpg部分をHAMLコードの別の部分に格納します。あなたはそれをdata-urlと呼ぶことができます（twitterもこれを行います..）

ソースを選んでください:)

于 2012-06-28T05:05:52.627 に答える