小编Jac*_*b J的帖子

如何在多个域上使用 iFrameResizer?

我正在使用Iframe Resizer,但我的代码无法跨域工作。当两个域相同时它工作正常。你能帮我吗?这很奇怪,因为 iframe 肯定加载了 iFrameResizer.contentWindow.js 并且我使用 checkOrigin: false 所以它应该允许跨域...

以下是加载具有 iframe 的父页面时在控制台中出现的错误:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://jacobjohnson.net') does not match the recipient window's origin ('http://designtesting.cfs.local').

iframeResizer.min.js:8 [iFrameSizer][Host page: display_frame] No response from iFrame. Check iFrameResizer.contentWindow.js has been loaded in iFrame

<div class="panel panel-default" id="iframePanel">
    <div class="panel-body" style="padding:0px;">
       <iframe id="display_frame" name="display_frame" class="frame" src="http://jacobjohnson.net/iframetest.html" allowfullscreen></iframe>
    </div>
</div>


<script>

    jQuery('#display_frame').iFrameResize( [{log:true, checkOrigin: false}] );

    var frameHeight =  3905; // $('#display_frame').height();
    var newHeight = frameHeight / …
Run Code Online (Sandbox Code Playgroud)

javascript iframe jquery iframe-resizer

5
推荐指数
2
解决办法
5694
查看次数

如何将唯一 ID 添加到 select2 下拉列表

我有一个问题,我在页面上有多个选择,而我们正在使用 select2。我只想为这个特定的选择设置样式,但我无法使它独一无二,因此我可以添加一些 CSS。我可以将 ID 添加到容器中,但实际发生的是当下拉菜单打开时,代码添加到正文的最底部,因此我无法使用 ID 或 css 定位它而不应用它每一个选择。

如何将 id 或 class 添加到下面的代码中?我正在使用 select2 v3.4.0。如果您在此页面上打开一个选择,您可以看到我所指的内容。选择 2

<div class="select2-drop select2-display-none select2-drop-active select2-with-searchbox" style="display: block; top: 468px; left: 627.078px; width: 252px;" id="select2-drop">
    <div class="select2-search">
        <input type="text" autocomplete="off" autocorrect="off" autocapitilize="off" spellcheck="false" class="select2-input"> </div>
    <ul class="select2-results">
        <li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted">
            <div class="select2-result-label"><span class="select2-match"></span>Standard Vehicle</div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-unselectable select2-disabled">
            <div class="select2-result-label"><span class="select2-match"></span></div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable">
            <div class="select2-result-label"><span class="select2-match"></span>Motorcycles &amp; Scooters</div>
        </li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery jquery-select2

4
推荐指数
1
解决办法
6810
查看次数

标签 统计

javascript ×2

jquery ×2

css ×1

html ×1

iframe ×1

iframe-resizer ×1

jquery-select2 ×1