2015-11-26 127 views
0

我有一个问题。我有Instagrams API提供的Instagram提要,可以提取图片,喜欢,评论和说明。图片下的说明是由这个CSS短路:TABINDEX和溢出:隐藏

#instagram-feed .meta-data p { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    color: #000; 
} 

我还添加了创建主题标记链接脚本中,这样你就可以直接在饲料中点击它们。

这个伟大的工程。直到你开始选择页面。由于text/hashtags在一行之后隐藏,它仍然在HTML结构中,只是不可见。

那么当我选择页面并转到Instagram feed时会发生什么,tabindex会发现隐藏的hashtags。但它们是隐形的。只有焦点框架显示在隐藏的主题标签周围。

tabindex="-1"从tabindex中删除要添加到溢出/隐藏链接的元素,但由于描述是动态创建的,因此我无法手动执行此操作。我需要更好的CSS(如果可能)或某种jQuery。但我不知道如何。

所以我的问题是,如何从tabindex中删除隐藏的链接? :)

编辑:

尝试这个,看看哪些元素是内部或外部的父:

http://jsfiddle.net/fprm7mgd/8/。第三段内的链接应该是红色的。

在运行console.log时,网站上position().left;在第三个p的内容大约是670像素。但实际上,它的父母左侧的距离大约为130px。好像position().left;去从父DIV,而不是从父p ...

Instagram feed

回答

0

的解决方案是增加... position:relative ...的段落。

position().left使用其偏移元素,在这种情况下是<html>。换句话说,position().left与CSS中的position: absolute完全一样。如果父母不是position: relative,则它从<html>-元素计数。

解决方案:http://jsfiddle.net/fprm7mgd/47/