如何在JQCloud中提供单击处理程序

Question

我使用JQCloud来构建标记云。它很好，很简单，符合我的用户的视觉标准。我想有一个点击处理程序调用时，用户点击一个词:

var tag_list = new Array();
for ( var i = 0; i < stuff.length; ++i ) {
    var x = stuff[i];
    tag_list.push({
            text: x.NAME,
            weight: x.COUNT,
            //link: this.mkUrl(x),
            click: function() { alert("it worked for " + x.NAME); },
            html: {title: this.mkTooltip(x)}
    });
}
$("#"+containerdivname).append( $("<div></div>", {id:"wordcloud"}));
$("#"+containerdivname).children("#wordcloud").jQCloud( tag_list );

字云呈现良好，有适当的工具提示，但没有显示一个警告框点击。我哪里做错了?

谢谢

Answer 1

JQCloud中的处理程序应该这样指定:

handlers : {click: function() { alert("it worked for" + x.NAME); }}

工作示例，http://jsfiddle.net/Q6348/7/

Answer 2

有一点不同，也许更容易实现的方法是，像这样构建你的数组:

var stuff = [];
stuff.push({"text":"n1","weight":23,"handlers" : {click: function(res) { alert("it worked for"+res.target.textContent);}}})

这将为您提供所单击的节点的值。

或者如果你想把它传递给一个函数，你可以这样使用:

stuff.push({"text":"n1","weight":23,"handlers" : {click: function(res) { run(res) }}})
function run(res){
alert("it worked for"+res.target.textContent);
}

希望这个解决方案有帮助!

Answer 3

你可以为你的点击添加一个标准的jquery处理程序:

$(document).on('click', '#container-id .jqcloud-word', function() {
    var word_value = $(this).val();
    console.log(word_value);
});