Coinbase自定义付款按钮无效

时间:2014-01-30 00:27:38

标签: javascript jquery html5 bitcoin

我想制作自己的自定义Coinbase付款按钮并使用以下代码,这只是"Using Your Own Button And Custom Javascript Events"示例的复制粘贴。

<!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!”时没有任何反应!链接。

3 个答案:

答案 0 :(得分:0)

尝试创建另一个页面,并只放置coinbase提供的内容。如果这样可行,则可能是您身边的问题。如果没有,请告诉我。

答案 1 :(得分:0)

代码无效,因为coinbase.com在使用自定义脚本过多触发自定义按钮后会阻止自定义按钮

请朋友测试您的代码,它应该适用于其他人。

我遇到了同样的问题。删除浏览器cookie,缓存,闪存cookie,更改IP不起作用。我想唯一的解决方案是:

  
      
  1. 等待来自coinbase.com的禁令到期
  2.   
  3. contact support关于它
  4.   
  5. 什么都不做,有效,但不适合你
  6.   

<强>更新
我找到的工作解决方案/黑客使用默认按钮,将其隐藏在不透明度: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。

答案 2 :(得分:0)

我想我已经解决了。我用你的代码尝试了它,它不像你说的那样工作。我花时间稍微修改它现在可以使用了。 http://pastie.org/8687468如果我确定的是什么,请告诉我。