是否可以在超大插件中添加唯一的“字段”？

Question

我使用超大的jQuery插件(http://buildinternet.com/project/supersized/)向访问者展示我自己的照片。访问者可以购买网站上的每一张图片，所以我决定添加一个 button 按钮。

我想为此使用PayPal，并找到了一个简单的解决方案。问题在于“立即购买”按钮，因为每个图像都有独特的价格，因此我需要更改锚的href属性中的价格参数。我怎么能这么做？

Answer 1

欢迎来到这里，只是提醒一下，但是最好包括您已经拥有的任何相关代码和/或包含一个复制问题的Fiddle。

如果要向锚点href属性添加一些信息，则可以执行以下操作。

价格可以包含在图像的data-属性中。

<img src="your/image/source.jpg" data-price="100" />

然后，可以在button按钮中包含一个单击处理程序，该按钮从最近的图像中检索价格，然后将其添加到href属性中。

$('.buynow').on('click', function(){
   //Find closest image
   closestImage = $(this).closest('img');
   //Get the price
   imagePrice = closestImage.data('price');
   //Add the price to the href of the .buynow button
   $(this).attr('href','http://yourpaypalscreen.com/' + imagePrice + '/etc');
});

请注意，这不是一个可行的解决方案，而是一个让您开始的例子。