Question

我尝试了一切。从CSS到jQuery，取消选中自动展开照片。

这是我的嵌入代码：

  <a class="twitter-timeline"
  href=""
  data-widget-id="" 
  data-chrome="noheader footer noborders noscrollbar transparent" 
  data-tweet-limit="5"
  data-link-color="#6AC829"
  data-border-color="#FFFFFF"
  lang="EN" data-theme="light"
  height="100"
  width="800" 
  data-screen-name=""
  data-show-replies="false"
  data-aria-polite="assertive">
  </a>

这是我的jQuery代码：

 ! function(d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0],
         p = /^http:/.test(d.location) ? 'http' : 'https';
     if (!d.getElementById(id)) {
         js = d.createElement(s);
         js.id = id;
         js.src = p + "://platform.twitter.com/widgets.js";
         fjs.parentNode.insertBe fore(js, fjs);
     }
 }(document, "script", "twitter-wjs");

 window.setTimeout(function() {
     $(".twitter-timeline").contents().find(".e-entry-title").css("font-size", "12px");
     $(".twitter-timeline").contents().find(".inline-media").css("display", "none");
     $(".twitter-timeline").contents().find(".tweet").css("font-size", "12px");
     $(".twitter-timeline").contents().find(".p-name.customisable-highlight").css("font-size", "12px");
 }, 1000);

Answer 1

我相信我有一个解决方案。我已在所有主流浏览器中测试过。很抱歉这么晚。

随着3月3日的更新，这又是相关的。

https://blog.twitter.com/2016/a-new-improved-embedded-timeline

第一步，将时间轴包装在一个容器中，例如div。接下来，将此jQuery添加到页脚或jQuery(document).ready();

jQuery('.twitter-block').on('DOMSubtreeModified propertychange',"#twitter-  widget-0", function() {
  jQuery(".twitter-timeline").contents().find(".timeline-Tweet-media").css("display", "none");
  jQuery(".twitter-block").css("height", "100%");
});

定位容器，即＆＃39; .twitter-block＆＃39;以及iframe＆＃34; #twitter-widget-0＆＃34;的ID。第二行隐藏媒体（图像/视频），第三行调整iframe的大小。这应该适用于页面加载，以及时间轴中的任何动态更新。

Answer 2

我发现这个解决方案兄弟，希望对此有所帮助。您必须在样式文件夹中创建iframe.css文件，然后在脚本中添加：

      $(document).on('ready', function() {
    $('.t-block').on('DOMSubtreeModified propertychange',"#twitter-widget-0", function() {
      var cssLink = document.createElement("link") 
      cssLink.href = "/stylesheets/iframe.css"; 
      cssLink.rel = "stylesheet"; 
      cssLink.type = "text/css";

      $(this.contentDocument.documentElement).find("body").append(cssLink);
    });
  })

.t-block它只是一个容器。

Answer 3

如果取消选中管理工具中自动展开照片框中的框，则需要一段时间才能显示更改。你可能想要取消选中它，然后给它一天或两天。

如何隐藏嵌入Twitter时间线的图像？

3 个答案: