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

Question

我正在使用Supersized jQuery插件（ http://buildinternet.com/project/supersized/ ）向访客显示我自己的照片。 访问者可以购买网站上的所有图片，因此我决定添加“ 立即购买”按钮。

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

Answer 1

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

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

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

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

然后，您可以在“立即购买”按钮中包含一个单击处理程序，该处理程序从最近的图像中检索价格，然后将其添加到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');
});

请注意，这不是一个可行的解决方案，而是一个使您入门的示例。