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按钮中使用的选择器和javascript方法的澄清。

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

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

抱歉我的错误。

更新结束

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

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

另外，您的 jQuery 对象没有类或 id 选择器“。”代表类，“#”代表 id。
因此，如果您的元素具有 id“container-fluid”，则需要像这样使用它:

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

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

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