2

私は自分のローカルサイトでソーシャルプラグインの統合に取り組んでおり、Twitterのフォローボタンを追加しようとしています...しかし、ブラウザによって動作が異なります..通常はページで動作します...内部にスライダーがありますこのコードを持っています...そのケースを示している場所です...なぜフォローボタンが異なるブラウザーで異なる方法でレンダリングされるのかわかりません...

フォローボタンをレンダリングするために使用したコード、

<a href="https://twitter.com/Test" class="twitter-follow-button"
                  data-show-count="false" data-size="medium"></a>

そしてここのスクリプト、

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
    if(!d.getElementById(id)){js=d.createElement(s);
    js.id=id;js.src="//platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>

私が試した同様のコード、

<a href="https://twitter.com/Test" class="twitter-follow-button"
                  data-show-count="false" data-size="medium">Follow @Test</a>

そしてこちらも、

<a href="https://twitter.com/Test" class="twitter-follow-button"
                  data-show-count="false" data-size="medium">Follow</a>

このコードを次のブラウザでテストしました。

1.Firefox 2.Opera 3.Chrome 4.Safari

1&2は正常に動作しますが、3&4は正常に動作しません...

1&2 ショー@Test をフォロー

3&4はフォローのみ表示中

何が問題なの? @Testが 3&4 ブラウザーで除外されているのはなぜですか....または私のコードに変更が必要ですか...それともブラウザーの問題ですか...

4

0 に答える 0