2016-01-22 75 views
2

我正在尝试在几个网站中集成Toggl按钮。 我做了什么是written here。 我在forbes.js代码如下所示:集成拨号按钮不起作用

/*jslint indent: 2 */ 
/*global $: false, document: false, togglbutton: false*/ 
'use strict'; 

togglbutton.render('#task:not(.toggl)', {observe: true}, function (elem) { 
var link, 
description = $('.title', elem).textContent, 
project = $('.project', elem).textContent; 

link = togglbutton.createTimerLink({ 
className: 'forbes', 
description: description, 
projectName: project 
}); 

$('container-fluid').appendChild(link); 
}); 

但如果我尝试测试它没有任何反应。我想我犯了一个错误:

$('container-fluid').appendChild(link); 

但我不知道如何纠正它。非常感谢!

+0

我想你忘了定义类或者你的“容器流体” – smdsgn

+0

@smdsgn的ID,它在,我想编辑页面已经预先定义,它是浏览器扩展程序应显示Toggl计时器在该元素。 – Denis

+1

您正在使用一个jQuery对象的DOM方法。改为使用追加jQuery方法。 $(“容器流体”)附加(链接); – smdsgn

回答

2

UPDATE

对于澄清和选择器在Toggl按钮使用JavaScript方法。

因为你的问题被标记为javascript和jquery,我以为你尝试在jQuery对象上使用DOM方法“appendChild”。但事实并非如此。在从Indrek收到来自toggl-button的种类解释后,$在common.js中定义,并在引擎盖下使用document.querySelector。
see here

所以你唯一的错误是在你的CSS选择器中。
所以你的问题是在这条线
她应该是这样的$('.container-fluid').appendChild(link);

对不起,我错了。 UPDATE

END要恢复我的意见,我认为你有两个错误:

首先尝试在jQuery对象上使用DOM方法“的appendChild”。
如果您想使用jQuery对象,则必须使用“追加”jQuery方法。

此外,您的jQuery对象没有类或id选择器“。”。类和“#”为id。
所以,如果你的元素的ID为“容器流体”,你需要使用这样的:

$('#container-fluid').append(link); 

但是,如果你的元素有类“容器流体”,你需要使用它是这样的:

$('.container-fluid').append(link); 
+0

谢谢。我没有理解JavaScript/jQuery很多。我只是试图使用教程来实现功能。我想在$('THERE')。append(link);应该是一个来自html标签的类。我有没有想过错?谢谢。 – Denis

+1

你很近,丹尼斯。你把CSS选择器放在那里。 @smdsgn提供的答案应该可以解决您的问题。 – Martin

+1

修正了github页面上的说明,以反映您应该使用'.append()'而不是'$ .appendChild()'。不能相信,即使有... – Martin