如何使用jquery将twitter-feed数据主题切换为暗/亮模式?

时间:2020-07-30 15:45:28

标签: jquery twitter-feed

我想在单击按钮时将Twitter提要切换到暗/亮模式。 它尝试使用jquery进行添加,但对我不起作用。

function lighttheme() {
  $('#twitterfeeds').attr('data-theme', 'light');
  $('#twitterfeeds').prop('data-theme', 'light');
}

function darktheme() {
  $('#twitterfeeds').attr('data-theme', 'dark');
  $('#twitterfeeds').prop('data-theme', 'dark');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="text-center pb-2">
  <button class="btn btn-dark" onclick="darktheme()">Dark</button>
  <button class="btn btn-light" onclick="lighttheme()">Light</button>
</div>



<div>
  <a class="twitter-timeline twitterfeeds" data-theme="dark" id="twitterfeeds" href="https://twitter.com/ForexLive?ref_src=twsrc%5Etfw">Tweets by ForexLive</a>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

提前谢谢。

0 个答案:

没有答案