Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AJAX加载多个span.has-tip元素的标题,这些元素可能有不同的ID进行查询_Javascript_Jquery_Ajax_Properties_Attributes - Fatal编程技术网

Javascript AJAX加载多个span.has-tip元素的标题,这些元素可能有不同的ID进行查询

Javascript AJAX加载多个span.has-tip元素的标题,这些元素可能有不同的ID进行查询,javascript,jquery,ajax,properties,attributes,Javascript,Jquery,Ajax,Properties,Attributes,对于每个span.has tip,我想获取一个标识符,然后通过ajax将相应的内容从词汇表页面加载到span的title attr中。我在网站上使用Zurb的基础,所以我决定和他们一起去演示。 我将对我想要完成的操作进行伪代码: for each element that has the class has.tip take the value of the attribute data-tooltip pass it as a filter/parameter to target/parse

对于每个
span.has tip
,我想获取一个标识符,然后通过ajax将相应的内容从词汇表页面加载到span的title attr中。我在网站上使用Zurb的基础,所以我决定和他们一起去演示。 我将对我想要完成的操作进行伪代码:

for each element that has the class has.tip 
take the value of the attribute data-tooltip
pass it as a filter/parameter to target/parse an id on the page /documentation/glossary/
take the contents of that id and put them in the title of the element
move to next element
示例页面来源:

Yo,基本视图是条形图。

关于/文档/词汇表/的示例数据:

foo-foo

我想以以下方式结束:

Yo,基本视图是条形图。

注意:这需要使用具有不同数据工具提示值的多个span.has-tip以及术语表页面上的相应ID

我成功地将我想要的内容插入了由基础生成的<>代码> Studio。TooToIP ,但是这需要在<代码>跨度上来回移动。不太理想。将内容加载到属性或属性中更为复杂,因此我正在摸索回调,无法在特定时间执行concat.load,[object]返回等等。:)

<强> Update: FIY基金会工具提示返回(对于本例)<代码> <代码>。此插件的源代码是@

github.com/zurb/foundation/blob/master/js/foundation/foundation.tooltip.js


JSFIDLE上的非工作示例

只是为了确保,您希望标题不悬停地显示吗?(剩下的我都知道了。)是的,我想把标题放在span.has-tip中,不要悬停,谢谢!一旦它在那里,在悬停,它将被称为基金会花哨的工具提示(这里没有特色)。如果我将标题悬停到Has.Tip,它就不会被加载到.FooTip创建在HORE上的工具提示,而只是把它拖进。TooTip是简单但不理想的。这个花哨的工具提示需要只在标题属性中存储悬停数据吗?我只是不熟悉这个插件,因为你没有告诉任何人它是什么插件。只是得到了一个ping,有一个拉请求在基础上,可能会使这更容易:澄清,我不担心的风格/工具提示本身的行为,我只是想把内容纳入标题属性。一旦它到达那里(不触发悬停),.each()?事情会成功的。一旦伪代码好了,其余的就应该跟进了,我已经用title attr中的静态内容对它进行了测试。