一键,多个链接。链接更改取决于打开哪个div

时间:2016-07-25 20:02:05

标签: javascript html href

所以我已经问过这个问题,但它过于复杂了,我觉得它现在被埋没了,因为我没有得到任何新的答案。

要了解我要改变的内容,您必须使用Google Red Ink Themeforest。我正在使用此模板的投资组合页面。

当您点击其中一个投资组合项目时,例如“True Gangsters”,所有信息都会从div中提取并插入上一部分进行格式化。

我想要做的就是添加一个按钮,链接到youtube视频到这些项目组合项目,并能够从div中拉出链接并将其格式化为一个按钮。

在jsfiddle中我包含了格式化的div和“真正的黑帮”部分,格式化的div从中获取信息。

我还包括所有投资组合部分的javascript,但我很确定这是重要的部分:

//Update text info
	    function updateText(current) {

	      var title = current.attr('data-title');
	      var desc = current.attr('data-description');
	      var date = current.attr('data-date');

	      controls.find('h2').html(title);
	      controls.find('p').html(desc);
	      controls.find('.date .day').html(date.split(',')[0]);
	      controls.find('.date .month').html(date.split(',')[1]);
	      controls.find('.date .year').html(date.split(',')[2]);

	    } //End Update text info

DEMO

我在代码中添加的所有内容都是

<div class="button"></div>

进入投资组合项目格式化部分 和data-video =“CdDDY5nVA3A”到第一个投资组合项目。

var current = $(".onehalf"),
	controls = $("div");

var endLink = current.data('video');
			
var fullLink = '<a href="https://www.youtube.com/watch?v=' + endLink +'">"Click for Video"</a>';

controls.filter('.button').html(fullLink);

此代码片段是由DontVoteMeDown在我的上一个问题中编写的(有一些更改可以适应这个新问题)并且它几乎可以正常工作,但它不会为每个项目组合项目插入新链接,它只为所有项目生成一个链接当我希望每个人都不同时,投资组合项目。我上次没有很好地解释自己。

编辑1:仍然没有进展。有什么想法吗? 编辑2:疯了!我咬得比我能嚼得多

0 个答案:

没有答案