Помогите подправить плагин!

[eror2008]

ошибка (Uncaught TypeError: undefined is not a function)

 

[Aglok]

Скинь мне ссылку на страницу. Так долго можно разбираться.
Для всех тогда тебе нужно указывать везде один и тот же класс.

<map>
<area id ="one" class="dip" shape="poly" name="dip_one" href="#">
<area id ="two" class="dip" shape="poly" name="dip_two" href="#">
<area id ="three" class="dip" shape="poly" name="dip_three" href="#">
</map>

Везде один класс dip. Тогда код становится:

        $(document).ready (function(){
            $('.dip').mapster('tooltip');
        });

 

[eror2008]

Скинь мне ссылку на страницу. Так долго можно разбираться.
Для всех тогда тебе нужно указывать везде один и тот же класс.

<map>
<area id ="one" class="dip" shape="poly" name="dip_one" href="#">
<area id ="two" class="dip" shape="poly" name="dip_two" href="#">
<area id ="three" class="dip" shape="poly" name="dip_three" href="#">
</map>

Везде один класс dip. Тогда код становится:

        $(document).ready (function(){
            $('.dip').mapster('tooltip');
        });

ссылка на страницу Для просмотра ссылки Войди или Зарегистрируйся

 

[Aglok]

Вообщем при более подробном анализе выяснил. Проблема в ошибке скрипта в плагине.
1. Также на строке 145 вставляешь:

$('area').mapster('tooltip');

2. Потом меняешь в строке 12:

'key': $(this).attr('data-mapkey'),

на

'key': $(this).attr('data-key'),

3. У тебя скрипт wp формирует на этой странице в html:

<area data-type="tooltip" data-tooltip="бронь" data-fill-color="1e39db" data-fill-opacity="0.3" data-stroke-color="1e39db" data-stroke-opacity="0.8" data-stroke-width="2" data-mapkey="area-162" shape="poly" coords="130,704,36,703,37,316,135,315,230,315,229,452,189,450,188,462,182,463,182,516,130,515" href="#" title="" />

Тебе нужно поменять на data-key.
Иначе твой плагин будет игнорировать такой идентификатор. Как сказано в описании. Таким образом обратиться к нему через свойство tooltip будет невозможно.

• map key - a token used to identify an area or group. While you can use ImageMapster to manipulate things by selecting actual area elements from your HTML, it is often more convenient to refer to an area group. The Для просмотра ссылки Войди или Зарегистрируйся refers to an identifier that you provide for each area, which also creates groups (when you use the same identifier for multiple areas). If you don't want to create any groups and don't want to refer to areas other than via their HTML tags, you do not have to provide a map key.

 

[eror2008]

Вообщем при более подробном анализе выяснил. Проблема в ошибке скрипта в плагине.
1. Также на строке 145 вставляешь:

$('area').mapster('tooltip');

2. Потом меняешь в строке 12:

'key': $(this).attr('data-mapkey'),

на

'key': $(this).attr('data-key'),

3. У тебя скрипт wp формирует на этой странице в html:

<area data-type="tooltip" data-tooltip="бронь" data-fill-color="1e39db" data-fill-opacity="0.3" data-stroke-color="1e39db" data-stroke-opacity="0.8" data-stroke-width="2" data-mapkey="area-162" shape="poly" coords="130,704,36,703,37,316,135,315,230,315,229,452,189,450,188,462,182,463,182,516,130,515" href="#" title="" />

Тебе нужно поменять на data-key.
Иначе твой плагин будет игнорировать такой идентификатор. Как сказано в описании. Таким образом обратиться к нему через свойство tooltip будет невозможно.

Не работает до конца. tooltip выводится на каждой странице даже если в <area> он не прописан. а если прописан то показывается из всех только 1н.