Question

我在使用worklight（6.2.01）开发的混合应用中使用Facebook页面插件，如下所示：

<div id="facebook-toc-feed" className="toc-feed">
    <iframe id="fb-feed" src={"https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F" + constants.FB_TOC_FEEDS_URL + "&width="+ this.wWidth +"&height=" + this.wHeight + "&colorscheme=light&show_faces=false&header=false&stream=true&show_border=false&appId=" + constants.FB_APP_ID}></iframe>
</div>

正在使用JSX实现我想知道是否有可能在FB插件上建立链接而不是应用程序本身？现在，当我点击插件中的任何链接（帖子链接，页面名称）时，它会在应用程序内部打开它，并且无法导航回应用程序。

P.S。不确定这是否有用，但奇怪的是只有iframe显示插件。 iframe本身位于无线电类型选项卡中：

<div className="social-wrapper full-content">
                <div className="content-tabs no-shadow">
                    <input type="radio" id="social-radio-facebook" name="social-radio" value="facebook" defaultChecked="true">
                    </input>
                    <label htmlFor="social-radio-facebook" onClick={this.showFB}>
                        <div className="social-icon facebook">
                            <div>{Messages.facebook}</div>
                        </div>
                    </label>
                    <input type="radio" id="social-radio-twitter" name="social-radio" value="twitter"/>
                    <label htmlFor="social-radio-twitter" onClick={this.showTwitter}>
                        <div className="social-icon twitter">
                            <div>{Messages.twitter}</div>
                        </div>
                    </label>
                </div>

                <div id="facebook-toc-feed" className="toc-feed">
                    <iframe id="fb-feed" src={"https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F" + constants.FB_TOC_FEEDS_URL + "&width="+ this.wWidth +"&height=" + this.wHeight + "&colorscheme=light&show_faces=false&header=false&stream=true&show_border=false&appId=" + constants.FB_APP_ID}></iframe>
                </div>

                <div id="twitter-toc-feed" className="toc-feed">
                    <div id='twitter-toc-feed-widget' className='twitter-timeline' data-chrome="nofooter transparent" data-widget-id={constants.TWITTER_WIDGET_ID}/>
                </div>
            </div>

因此，如果插件应该在iframe以外的其他标签中实现，请注意以上内容。

Answer 1

您可以使用Cordova InAppBrowser插件打开浏览器窗口，甚至是外部浏览器本身。

var ref = window.open('http://apache.org', '_blank');

浏览器窗口中的应用内页面页面插件链接

1 个答案: