Question

我的情况是这样的。我运行一个Wordpress博客。所有外部链接都有一个顶部栏，上面有关于我的页面的信息。当链接具有此格式www.mydomain.com/？www.theirdomain.com时会触发顶部栏，并在通过Facebook发布时自动更改为bit.ly。

但是我决定给fancybox iframe一个机会。所以这就是我有两种情况的地方。

通过脸书，推特等访问的页面必须有顶栏。
从主页访问的页面必须以fancybox打开。

问题是我不希望顶部栏出现在fancybox内（通过主页），我想不出解决方案。两种情况下的链接都是相同的，在任何情况下都不得更改。

顶栏使用id为wpbar的div，也许如果有办法隐藏它并避免编程将是最好的选择。

但如果不是，那我就没机会了。带有特殊字符串的标题怎么样？

这是来自fancybox的代码。

<script type="text/javascript">
    $(document).ready(function() {
        $("a.popup").fancybox({
            'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });
    });
</script>

Answer 1

如果我说得对，当页面在你自己的域内时，要隐藏所有的wordpress标题'，这是正确的吗？

然后你必须有两个调用fancybox，一个用于内部页面，一个用于外部

由于外部页面的链接以http：//开头，而内部链接可以是相对的，您可以使用此链接来过滤来电

 $(document).ready(function() {
        $("a.popup[href^='http://']").fancybox({
            'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });

        $("a.popup:[href^='http://']").fancybox({
            'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'content'           : function(){
                //specify the html content you want to load, which you will get from a different page
                 $.load($(this).attr('href') + " #content"); 

                 // change #content for the div that holds the data you want to load.
                 // this will load only the html fragment, for example $.get('/page.html body') gets only 
                 // what's inside body
            }
        });
    });

这段代码可能无法正常工作，因为我没有测试过，但我认为你可以理解

Answer 2

您是否尝试过CSS display:none？有关详细信息，请参阅“css display none的任何google结果”。我可能误解了这个问题，如果是的话，可以随意忽略; ）

令人困惑的情况，但我猜一个“隐藏”完全div的CSS是我的答案

2 个答案: