2016-01-22 113 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