CSS不能与API Iframe一起工作

Question

我正在使用一个社交登录插件来连接我的网站。它工作得很好，但我想删除它的标记，如。

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(".ajay iframe").contents().find("#branding").attr("style","display:none");
    });
</script>

我试着用它的类和id显示none，但它不起作用，因为所有的部分都带有frame。

Answer 1

尝试延迟jquery css覆盖2s延迟，看看这是否适用于修改或不。要更改延迟时间，将2000 (2s)修改为您想要的任何值(1000 = 1秒，9000 = 9秒，等等)。你想等待页面加载完成，所以把代码放在$(document).ready(…)中;脚本。

jQuery(document).ready(function(){
     setTimeout(function(){   
        jQuery(".ajay iframe").contents().find("#branding").attr("style","display:none"); 
     ;}, 2000);
})

更新:jquery 1.4.0引入。delay方法。看一看

我不知道如果你想要它修改一个wordpress或手工网页，无论如何我做了一些使用CSS，让我搜索我应用的类，我会编辑答案。我需要知道你在加载哪个社交框架…facebook也许吗?推特吗?由于iframe的代码，解决方案有时是不一样的。

我在这里放了一个例子和一个代码片段:

jQuery(document).ready(function(){
  $(document.body).append("it's gonna be legen-... wait for it");
         setTimeout(function(){
            alert("-dary!!")
         ;}, 4000);
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

哦,…如果你可以在加载后用你想要修改的代码更新问题，就可以构建一个合适的css

Answer 2

你需要等待，直到iframe被加载，而且iframe需要与你的页面在同一个域:

jQuery(document).ready(function() {
    jQuery(".ajay iframe").load(function() {  
        jQuery(this).contents().find("#branding").
            attr("style","display:none");
    });
});