Динамическое добавление параметров в jQuery

Question

Я использую плагин под названием эмулятор карты изображений jQuery, который принимает параметры примерно так:

$('#example').imagemap([
{
    top_x: 0,
    top_y: 0,
    bottom_x: 75,
    bottom_y:65,
    callback: alertCallback}
])

с несколькими возможными массивами:

$('#example').imagemap([
// One image map
{top_x: 0,top_y: 0,bottom_x: 75,bottom_y:65,callback: alertCallback},

// Another image map
{top_x: 150,top_y: 105,bottom_x: 265,bottom_y:170,callback: alertCallback}
]);

Как мне динамически добавлять дополнительные параметры по мере необходимости? В идеале у меня должна быть одна карта изображений и я могу добавить больше, если нужно, с новыми координатами. Спасибо!

Answer 1

Опции, передаваемые в JQuery, являются просто обычными объектами javascript, поэтому вы можете определять свойства для них, используя метод, который вы указали выше, или просто обрабатывая их как словарь значений ключей.

Следующее эквивалентно вашему первому примеру:

var options = new Array();
options[0] = new Object();
options[0]["top_x"] = 0;
options[0]["top_y"] = 0;
options[0]["bottom_x"] = 75;
options[0]["bottom_y"] = 65;
options[0]["callback"] = alertCallback;

$('#example').imagemap(options);

Если вы хотите добавить новые параметры, рассмотрите возможность сохранения переменной options на уровне страницы и повторного вызова карты изображений с новыми параметрами при каждом их изменении.