Question

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

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

Answer 1

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

如果您想要向锚点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');
});

请注意，这不是一个有效的解决方案，而是一个让您入门的示例。

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

1 个答案: