📜  jQWidgets jqxTagCloud urlMember 属性(1)

📅  最后修改于: 2023-12-03 14:43:27.318000             🧑  作者: Mango

jQWidgets jqxTagCloud urlMember 属性

简介

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
});
注意事项
  1. 使用该属性时,请确保标签云中的标签文本中存在占位符{text}。

  2. 如果想要通过JavaScript方法来指定链接地址,可以将urlMember的值设置为一个函数,然后在函数中返回链接地址。函数的第一个参数是标签的值,第二个参数是标签的索引。

  3. 如果需要在页面加载时就指定标签云中各个标签的链接地址,则需要在标签数据中为每一个标签指定一个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' }
];
  1. 如果同时指定了urlMember属性和标签数据中的url属性,则优先使用urlMember属性定义的链接地址。