jQuery maphilight не работает

Что мне не хватает? Я использую подключаемый модуль maphilight David Lynch и сравниваю свой код с этой страницей для устранения неполадок, но через два дня у меня все еще проблема. Цвета не будут отображаться, когда я навещу (или даже щелкнув) на любую часть отображаемого изображения. Ссылки работают, как ожидалось.jQuery maphilight не работает

Мой вызов Сценарий:

<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <script type="text/javascript" src="jquery.maphilight.js"></script> 
    <script type="text/javascript">$(function() { 
     $('.AMGCmap1').maphilight(); 
    </script> 
    </head>

и IMG и карта кода являются:

  <div> 
       <img class ="map" id ="AMGCmap1" src="Images\AMGC Logo Big.png" alt="AMGC Logo" usemap="#AGMCmap" border="15"> 

       <map name="AGMCmap"> 
        <area shape="poly" coords="61,432, 58,346, 71,285, 148,287, 164,345, 166,432" href="news.html" title= "News" data-maphilight='{"strokeColor":"0000ff","strokeWidth":5,"fillColor":"ff0000","fillOpacity":0.6}' > 
       </map> 

      </div>

Я попытался с помощью ID IMG и просто " '.map'" в функции, но Я не вижу разницы. У кого-нибудь еще есть такие проблемы?

Я работаю в Chrome на данный момент, если это вообще помогает.

источник

2017-02-02 Darw1n34

<img class ="map" id ="AMGCmap1" ...>

Здесь у вас есть id, в то время как вы вызываете класс в своем скрипте.

$('.AMGCmap1').maphilight();

Возможно, это проблема. Edit либо идентификатор в вашем HTML, чтобы быть классом:

<img class ="map AMGCmap1" ...>

или вызвать идентификатор в скрипте:

$('#AMGCmap1').maphilight();

Во всяком случае, у меня есть такая же проблема, даже если я проверил мой сценарий так тщательно, дайте мне знать, можете ли вы заставить его работать после этого исправления.

источник

2017-03-06 13:44:50

jQuery maphilight не работает

ответ

Смежные вопросы