1


私は sencha touch 2 を使用してアプリケーションに取り組んでいます。
ボタンを含む上部にツールバーがあります。
このボタンをクリックすると、パネル オーバーレイが表示されます。このパネルには、次の 2 つの項目が必要です。

    var shareButton = {
                    xtype : 'button',
                    ui: 'action',
                    width:'36px',
                    height:'36px',  
                    handler : function(){ 
                    var panel=Ext.create('Ext.Panel',{
            right: 0,
            top: 20,
            modal: true,
            hideOnMaskTap: true,
            hidden: true,   
            width: 260,
            height:'70%' ,
        styleHtmlContent: true,
            scrollable: true,

items: [
{html:'<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.google.com" data-lang="en">Tweet</a></body>',},
{html:'<div ><class="fb-like" data-href="http://test.com" data-send="false" data-layout="button_count" data-width="4" data-show-faces="false"></div>'}]});
    Ext.Viewport.add(panel);
    panel.show();}};

しかし、これは機能していません。
実際、最初の 1 人で Twitter に誘導して URL (www.google.com) を共有してもらいたいと思っています。
2 つ目は、facebook で「test.com」を共有することです。

残念ながら、パネルには何も表示されません。
ありがとうございました。

4

2 に答える 2

2

ページが読み込まれた後にオーバーレイが呼び出されるため、facebook と twitter のボタンが再度レンダリングされるはずです。

これは、オーバーレイが表示された後に追加する必要があるコードです

FB.XFBML.parse();//facebook
$.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script', cache:true}); //twitter
于 2012-04-25T14:09:48.040 に答える
0

これは私のために働きます。唯一の問題は、Facebookのようなボタンのサイズがないため、表示されないことです。

フローティングパネルがスクロールできないことを確認してください。スクロール可能な場合は、幅と高さを固定します。

アップデート

これがSenchaFiddleの例です：http ：//www.senchafiddle.com/#jgXtj

パネルをに追加していることを確認してくださいExt.Viewport。

于 2012-04-23T17:31:19.903 に答える