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>

Jquery Snippet错误黑猩猩

1 个答案: