Question

我将使用此问题中列出的工具提示插件：jquery tooltip, but on click instead of hover

我如何设置随机化显示文本的工具提示。例如，如果您单击链接，则可以显示以下三种可能消息之一：

消息1 消息2 消息3

想法？

Answer 1

您通常会有一组消息，然后生成随机索引。

类似

 var messageArray = ["message 1", "message 2", "message 3"];
 var randomNum = Math.floor(Math.random()*messageArray.size);
 var myMessage = messageArray[randomNum];

或类似的东西。重构如果你需要使用ajax /你的数据库

Answer 2

使用PHP.js中的一个非常小的函数：http://phpjs.org/functions/rand:498

我是这样做的：

var messages = [
    'Message 1',
    'Message 2',
    'Message 3'
];

var random_number = rand(0, messages.length);
$("#tooltip").text(messages[random_number]);

// PHP.js rand() function.
    // http://kevin.vanzonneveld.net
    // +   original by: Leslie Hoare
    // +   bugfixed by: Onno Marsman

function rand (min, max) {
    var argc = arguments.length;
    if (argc === 0) {
        min = 0;
        max = 2147483647;
    } else if (argc === 1) {
        throw new Error('Warning: rand() expects exactly 2 parameters, 1 given');
    }
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

Answer 3

var messages = ['Message 1', 'Message 2', 'Message 3'];

$('.withTooltip').click(function(){
  $("#tooltip").text(messages[Math.round(Math.random() * 3)]).show();
});

我怎么能随机化一个jQuery工具提示

3 个答案: