📅  最后修改于: 2023-12-03 14:43:27.318000             🧑  作者: Mango
jQWidgets jqxTagCloud 是一个基于JavaScript的标签云插件,支持多种标签云形式(如球体标签云、平面标签云等),能够快速、方便的为Web应用程序添加标签云的功能。
urlMember 属性是jqxTagCloud插件中的一个属性,用于指定标签云中标签的跳转链接。可以指定为一个普通的URL或者一个JavaScript方法。
urlMember: string | null;
urlMember
: 用于设置标签的链接地址,可以是一个字符串(表示普通URL)或者一个JavaScript方法。$("#jqxTagCloud").jqxTagCloud({
source: tagData,
urlMember: 'http://www.example.com/search={text}',
width: 300,
height: 200
});
使用该属性时,请确保标签云中的标签文本中存在占位符{text}。
如果想要通过JavaScript方法来指定链接地址,可以将urlMember的值设置为一个函数,然后在函数中返回链接地址。函数的第一个参数是标签的值,第二个参数是标签的索引。
如果需要在页面加载时就指定标签云中各个标签的链接地址,则需要在标签数据中为每一个标签指定一个url属性。例如:
var tagData = [
{ label: 'C#', url: 'http://www.example.com/search=CSharp' },
{ label: 'Java', url: 'http://www.example.com/search=Java' },
{ label: 'Python', url: 'http://www.example.com/search=Python' },
{ label: 'Ruby', url: 'http://www.example.com/search=Ruby' },
{ label: 'PHP', url: 'http://www.example.com/search=PHP' }
];