Question

是否可以在通过jquery加载时更改iframe中的css？

这就是我得到的：

<script type='text/javascript'>
        $(document).ready(function(){
            $("div#skiptrace div.global-header").css('display', 'none');
            });
    </script>
   <div id="skiptrace"><iframe name="my_iframe" src="" id="skiptrace"></iframe></div>
</div>

我正在尝试将div.global-header更改为display：none ..我还有其他几个div，我不想通过简单地隐藏css来加载它们。

Answer 1

您有重复的ID，这假设您的iFrame ID是skiptrace。

<script language="javascript">
$(document).ready( function() {
    $("#skiptrace").load( function() {
        $(this).contents().find("div.global-header").css('display', 'none');
    });
});
</script>

<div id="skiptraceContainer">
    <iframe name="my_iframe" src="" id="skiptrace"></iframe>
</div>

Answer 2

您应该能够使用IFrame的内容（）。find（选择器）。首先，你需要在div和iframe上修改你的id，假设iframe的id是iskiptrace。

<div id="skiptrace">
    <iframe name="my_iframe" src="" id="iskiptrace"></iframe>
</div>
<script type="text/javascript">
    function loadPage(url)
    {
        $("#iskiptrace").attr('src', url);
        $("#iskiptrace").load( function()
        {
            $("#iskiptrace").content().find(".hidable").css('display', 'none');
        });
    }

    loadPage("iframeIndex.html");
</script>

如果我有一个页面具有不同的CSS样式，我想将其加载到一个页面，在iframe中有自己的CSS样式

2 个答案: