2016-01-12 70 views
0

我试图创建Chimp.net一个按钮,当你点击它会打开一个弹出窗口的iframe,但我有一个错误的代码,我不能识别它。 有人可以看到问题吗? 这是我得到的代码页: http://blog.chimp.net/chimp-custom-widget/jQuery的片段错误黑猩猩

代码:

<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>

+0

开发工具创造奇迹,这样的事情。 F12,进入“控制台”,在那里你去。像“错误:123事情发生线:45” – faino

回答

0

你缺少你页面上的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>

+0

如何'我猜'构成一个答案?似乎更像是一个评论 – charlietfl

+0

@charlietfl - 这是非常真实的。我无法在SO上进行测试。所以我把它留给OP来测试他的最后变化。 – vijayP