javascript - 集成切换按钮不起作用

Question

我正在尝试在几个网站中集成 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);

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

Answer 1

更新

关于 Toggl-button 中使用的选择器和 javascript 方法的说明。

因为你的问题是用 javascript 和 jquery 标记的，我认为你尝试使用 DOM 方法“appendChild”在 jQuery 对象上。但事实并非如此。在收到来自 toggl-button 的 Indrek 的友好解释后，$ 在 common.js 中定义并在底层使用 document.querySelector。
see here .

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

对不起我的错误。

更新结束

要恢复我的评论，我认为您有两个错误:

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

此外，您的 jQuery 对象没有类或 ID 选择器“.”。对于类和“#”对于id。
所以如果你的元素有id“container-fluid”，你需要像这样使用它:

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

但是如果你的元素有类“container-fluid”，你需要像这样使用它:

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