尝试将facebook按钮添加到sencha工具栏

时间:2012-04-05 20:04:01

标签: javascript html html5 sencha-touch sencha-touch-2

没有显示像按钮。

代码快照

我的html文件:

.
.
.
<body>

    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
.
.
.

我的js文件:

 .
 .
 .
var navtoolbar = {
xtype : 'toolbar',
title : Ext.String.ellipsis(titlevalue,20,true),
docked : 'top',
items : [backButton,spacer,
{xtype:'container',html:'<div class="fb-like" data-href="http://test.com" data-send="true" 
data-layout="button_count" data-width="450" data-show-faces="true"></div>'}]
};
 .
 .
 .

在我的应用程序的另一部分,我能够显示相似的按钮(不在工具栏上)。

this.getItems().items[0].setHtml('<div class="category-title" >'+this.getDataList()._contentTitle+' </div><div class="fb-like" data-href="http://test.com" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>');

1 个答案:

答案 0 :(得分:1)

这是为了获取工具栏中的facebook按钮而应添加的代码:

FB.XFBML.parse();//facebook