Question

我试图禁用Twitter嵌入的一些东西。我尝试使用jQuery无济于事。由于容器限制，我需要限制Twitter Feed显示的内容。我试图删除媒体的一件事。我尝试使用各种选择器。为简单起见，我将只包含一个选择器，它包含我试图隐藏的Twitter提要的一部分。

我最初尝试将jQuery放在一个单独的文件中，但是这个示例将它显示为内联，因为我认为如果它加载之后它可能会读取它（Spoiler Alert：它没有）。我也试过包括！重要但是没有用，所以我现在也把它删除了。

CodePen

我不想定义高度和宽度，因为Feed会有响应。任何和所有的帮助表示赞赏。

<a class="twitter-timeline" data-tweet-limit="1" data-link-color="#ff3300" href="https://twitter.com/Google" data-width="100%" style="min-width:50px; max-width:100%;" data-chrome="nofooter noheader noborders"></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8">jQuery('.MediaCard').css('display', 'none');</script>

Answer 1

很遗憾，无法执行此操作，因为Twitter与您位于不同的域中。要操纵<iframe>内容，iframe需要位于同一个域中，并服从Same Origin Policy。由于Twitter 不相同的域名，因此它成为CORS（跨域资源共享）的受害者。

假设它位于相同域中，您可以隐藏嵌入式时间轴上的所有图片：

$("#twitter-widget-0").contents().find(img).hide();

请注意，与jQuery一样，CSS也无法访问其他域中的<iframe>内容;您只能直接定位<iframe>元素。

虽然这可能不是你想听到的，但我希望这会有所帮助：）

在Twitter时间轴上禁用媒体嵌入

1 个答案: