是否可以在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');
});

請注意，這不是一個可行的解決方案，而是一個使您入門的示例。