我试图禁用Twitter嵌入的一些东西。我尝试使用jQuery无济于事。由于容器限制,我需要限制Twitter Feed显示的内容。我试图删除媒体的一件事。我尝试使用各种选择器。为简单起见,我将只包含一个选择器,它包含我试图隐藏的Twitter提要的一部分。
我最初尝试将jQuery放在一个单独的文件中,但是这个示例将它显示为内联,因为我认为如果它加载之后它可能会读取它(Spoiler Alert:它没有)。我也试过包括!重要但是没有用,所以我现在也把它删除了。
我不想定义高度和宽度,因为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>
答案 0 :(得分:1)
很遗憾,无法执行此操作,因为Twitter与您位于不同的域中。要操纵<iframe>
内容,iframe需要位于同一个域中,
并服从Same Origin Policy。由于Twitter 不相同的域名,因此它成为CORS(跨域资源共享)的受害者。
假设它位于相同域中,您可以隐藏嵌入式时间轴上的所有图片:
$("#twitter-widget-0").contents().find(img).hide();
请注意,与jQuery一样,CSS也无法访问其他域中的<iframe>
内容;您只能直接定位<iframe>
元素。
虽然这可能不是你想听到的,但我希望这会有所帮助:)