我使用 Supersized jQuery 插件(http://buildinternet.com/project/supersized/)向访问者展示我自己的照片。访问者可以购买网站上的每张图片,因此我决定添加“立即购买”按钮。
我想为此使用 PayPal,并且为此找到了一个简单的解决方案。问题在于立即购买按钮,因为每张图片都有唯一的价格,所以我需要更改锚的href属性中的价格参数。我怎样才能做到这一点?
我使用 Supersized jQuery 插件(http://buildinternet.com/project/supersized/)向访问者展示我自己的照片。访问者可以购买网站上的每张图片,因此我决定添加“立即购买”按钮。
我想为此使用 PayPal,并且为此找到了一个简单的解决方案。问题在于立即购买按钮,因为每张图片都有唯一的价格,所以我需要更改锚的href属性中的价格参数。我怎样才能做到这一点?
欢迎来到 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');
});
请注意,这不是一个有效的解决方案,而是一个帮助您入门的示例。