集成toggl按钮不起作用

时间:2016-01-22 16:39:29

标签: javascript jquery

我正在尝试在少数网站中集成Toggl按钮。 我做了written here。 我在forbes.js中的代码如下:

wsTemp.Columns("DB:DB").NumberFormat = "General"

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

/*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);
});

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

1 个答案:

答案 0 :(得分:2)

<强>更新

有关Toggl按钮中使用的选择器和javascript方法的说明。

因为您的问题用javascript和jquery标记,我认为您尝试使用DOM方法&#34 ;使用appendChild&#34;在jQuery对象上。但事实并非如此。在从toggl-button收到Indrek的一种解释之后,$在common.js中定义并使用document.querySelector。
see here

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

抱歉我的错误。

END OF UPDATE

要恢复我的评论,我认为你有两个错误:

首先,您尝试使用DOM方法&#34; appendChild&#34;在jQuery对象上。
你必须使用&#34;追加&#34;如果你想使用jQuery对象,则使用jQuery方法。

此外,您的jQuery对象没有类或ID选择器&#34;。&#34;对于班级和&#34;#&#34;对于id。
因此,如果你的元素有id&#34; container-fluid&#34;,你需要像这样使用它:

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

但是如果你的元素有类&#34;容器流体&#34;,你需要像这样使用它:

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