JQuery Snippet Error Chimp

Question

Я пытаюсь создать кнопку из Chimp.net, когда при нажатии на нее открывается iframe с всплывающим окном, но у меня есть ошибка в коде, и я не могу ее распознать. Может ли кто-нибудь увидеть проблему? Это страница, где я получаю код: http://blog.chimp.net/chimp-custom-widget/

Код:

<script type="text/javascript" src="https://chimp.net/widget/js/loader.js?NzYyNSxtaW5pLHRlYWwsUGluayBTaGlydCBEYXkgMjAxNixHcm91cA%3D%3D" id="chimp-button-script" data-hide-button="true" data-script-id="oriol"> </script> 
 
<h1>Button</h1> 
 
<div id="custom-chimp-button" width="200px" height="200px" style="background: red; cursor: pointer; padding: 10px; margin: 10px;"><strong>Button</strong><br> You can click on this div! It'll open the form.</div> 
 

 
<script type="text/javascript"> 
 
    $(document).ready(function() { 
 
     $("#custom-chimp-button").on("click", function() { 
 
      var frame = document.getElementById("chimp-form-oriol"); 
 
      var content = frame.contentWindow; content.postMessage("open-chimp-frame", "*"); 
 
      frame.style.opacity = 1; 
 
      frame.style.display = "block"; 
 
     }); 
 
    }); 
 
</script>

Answer 1

Вы пропускаете jquery.min.js ссылку на вашу страницу, я думаю. Пожалуйста, добавьте его и посмотрите, что вы получите.

Здесь на SO; iframe не разрешены, поэтому он не будет отображаться в этом фрагменте кода.

$(document).ready(function() { $("#custom-chimp-button").on("click", function() { var frame = document.getElementById("chimp-form-oriol"); var content = frame.contentWindow; content.postMessage("open-chimp-frame", "*"); frame.style.opacity = 1; frame.style.display = "block"; }); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<script type="text/javascript" src="https://chimp.net/widget/js/loader.js?NzYyNSxtaW5pLHRlYWwsUGluayBTaGlydCBEYXkgMjAxNixHcm91cA%3D%3D" id="chimp-button-script" data-hide-button="true" data-script-id="oriol"> </script> 
 

 
<h1>Button</h1> 
 
<div id="custom-chimp-button" width="200px" height="200px" style="background: red; cursor: pointer; padding: 10px; margin: 10px;"> <strong>Button</strong><br> You can click on this div! It'll open the form.</div>