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() 立即显示 url。我知道如何获取 src 属性并将其存储到变量中，但是如何将变量放入 $.get() 函数的 URL 参数中？

递增计数器的 URL 是 $.get("up/a.jpg") ...但我需要将“a.jpg”部分作为变量。

编辑：我不知道如何为我发送 get 函数的单个图像获取 src 属性。

4

1 回答 1

0

据我了解，您的问题有两个部分：

  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 回答