Coinbase自定義付款按鈕不起作用

我想製作我自己的自定義Coinbase付款按鈕，並具有以下代碼，該代碼僅爲"Using Your Own Button And Custom Javascript Events"示例的副本粘貼。Coinbase自定義付款按鈕不起作用

<!doctype html> 
<html> 
    <head> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    </head> 

    <body> 

    <a href='#' class='my-custom-link'>Show Me The Modal!</a> 

    <div class="coinbase-button" data-code="4d4b84bbad4508b64b61d372ea394dad" data-button-style="none"></div><script src="https://coinbase.com/assets/button.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
     $('.my-custom-link').click(function(){ 
      $(document).trigger('coinbase_show_modal', '4d4b84bbad4508b64b61d372ea394dad'); 
      return false; 
     }); 

     $(document).on('coinbase_payment_complete', function(event, code){ 
      console.log("Payment completed for button "+code); 
      window.location = "/confirmation.html"; 
     }); 
     }); 
    </script> 
    </body> 
</html>

但它不起作用。任何想法爲什麼？

'讓我看看莫代爾！'鏈接顯示。調用$('.my-custom-link').click()函數。使用谷歌瀏覽器，我可以看到一個iframe加載了我所假設的包含付款說明的模式對話框代碼。然而，當我點擊'Show Me The Modal！'時沒有任何反應。鏈接。

來源

2014-01-30 Dan

你能檢查控制檯嗎？讓我知道如果你發現任何錯誤。 – nahtnam

沒有任何錯誤，所以我沒有任何東西可以繼續下去。我正在使用Chrome。 – Dan

的代碼不是從工作與自定義腳本太多

觸發他們之後找一個朋友對代碼進行測試工作，因爲coinbase.com塊自定義按鈕，它應該適用於其他人。

我遇到同樣的問題。刪除瀏覽器Cookie，緩存，閃存cookie，更改IP不起作用。我想唯一的解決方案是：

等待來自coinbase.com禁令到期

contact support它

不這樣做，它的工作，但不適合你

做任何事

更新：
A工作液/黑客，我發現這是使用默認butto n，用隱藏它不透明度：0;並將其放在您的自定義按鈕上。這樣，你可以使它看起來像用戶點擊自定義按鈕，實際上，他點擊隱藏的默認按鈕（這是可行的）。

這裏有一個演示：http://jsfiddle.net/uaMdX/show
代碼演示：http://jsfiddle.net/uaMdX/

<a href='#' class='my-custom-link'>Show Me The Modal!</a> 

<div class="coinbase-button" data-code="4d4b84bbad4508b64b61d372ea394dad" data-button-style="small"></div> 

<script src="https://coinbase.com/assets/button.js"></script> 

<style> 
#coinbase_button_iframe_4d4b84bbad4508b64b61d372ea394dad { 
    position: absolute; 
    left: 0; 
    top: 0; 
    opacity: 0; 
    width: 140px!important; 
    height: 18px!important; 
    margin-left: 7px; 
    margin-top: 10px; 
    /* 
    debugging_code: uncomment_to_show_the_button; 
    opacity: 0.5; 
    outline: 1px solid red; 
    */ 
} 

</style>

*如果您需要更具體的，你應該使用jQuery動態地添加樣式/位置隱藏按鈕的iframe。

來源

2014-02-01 02:38:48

我在另一臺不同的網絡上嘗試過一臺不成功的計算機，所以我留下了支持的消息。 Coinbase Disqus支持論壇似乎沒有工作，因爲我試圖留下幾條消息，但他們只是被刪除。 – Dan

奇怪的是，使用另一個國家的IP爲我工作。我還用一個工作（臨時）黑客更新了我的答案。 –

偉大的破解。這也適用於我。我會標記它是正確的，但我會等待coinbase回覆我的解釋（假設他們這樣做）。唯一的困難是我不知道'coinbase_payment_complete'是否仍然會被觸發。 – Dan

嘗試創建另一個頁面，並只放入coinbase給你的東西。如果有效，那麼這可能是一個問題。如果沒有，請告訴我。

來源

2014-01-31 00:15:39 nahtnam

問題中的HTML是https://coinbase.com/docs/merchant_tools/payment_buttons'使用自己的按鈕和自定義Javascript事件'的精確複製/粘貼。我需要添加鏈接到JQuery，所以這個例子可以工作。我也嘗試過不同的數據代碼值，但沒有成功。對你起作用嗎？ – Dan

對我來說，它的工作原理。這是我使用的代碼。 http://pastie.org/8686577 css在我的電腦上有點混亂，但它起作用......它可能是一些與您的代碼混淆的Javascript。 – nahtnam

@nahtnam他說他想要一個自定義按鈕，你的代碼是默認按鈕。 –

我想我已經解決了它。我用你的代碼試過了，它不像你說的那樣工作。我花了一點時間對它進行修改，現在它可以工作。 http://pastie.org/8687468請讓我知道，如果我修正了打算。

來源

2014-02-01 03:16:14 nahtnam

謝謝你的嘗試。不幸的是，粘貼的代碼還顯示默認的Coinbase支付現在按鈕以及鏈接。 'data-button-style =「none」'需要隱藏默認按鈕。當我添加'data-button-style =「none」時，鏈接仍然不起作用。 – Dan

那麼你想要做的是自定義按鈕？基本上，當你按「顯示模式」，你想它打開付款模式？ – nahtnam

Coinbase自定義付款按鈕不起作用

回答

相關問題