JQuery Добавить изображение в Div

Question

Я попытался создать плагин для jQuery, но есть проблема.

Это .html: http://pastebin.com/amLSFSZX

и это .js файл: http://pastebin.com/CmrHzKRk

Я хочу 4 стрелы в виде дел.

1. Top Middle
2. Правый средний
3. Bottom Средний
4. Слева Посередине

Если он не упакован в плагине он работает отлично.

Но если я включаю плагин, это ошибки.

Это выход через Firebug:

<img class="arrows" src="arrow-top.png" alt="Arrow-Top" style="height: 26px; width: 20px; top: 50px; left: 480480px; position: absolute; display: none;"> 
<img class="arrows" src="arrow-right.png" alt="Arrow-Top" style="position: absolute; display: none;"> 
<img class="arrows" src="arrow-bottom.png" alt="Arrow-Top" style="left: 480480px; position: absolute; display: none;"> 
<img class="arrows" src="arrow-left.png" alt="Arrow-Top" style="height: 20px; width: 26px; top: 50250px; left: 480px; position: absolute; display: none;"> 

Может кто-нибудь помочь? Извините за мой плохой английский.

Answer 1

Это может быть просто копия/вставка или другая ошибка, но ваши встроенные стили, выводимые firebug, выглядят странно в нескольких местах.

У вас есть left: 480480px; в двух местах и ​​top: 50250px. Вы точно не объяснили, что не происходит или что желаемое поведение выходит за рамки «ошибок».

Что касается вашего jsfiddle, спасибо за то, что вытащили эти ресурсы вместе, но когда я впервые запустил его, у него уже есть две ошибки, которые появляются в моих инструментах разработчика. arrow.js не найден и вы не можете вызывать метод AddArrow на #map. Вероятно, вы используете jQuery, поэтому вам нужно будет выбрать это как свою структуру в левой части окна.

Но я думаю, что эти нечетные аспекты слева и сверху могут вызывать bugs, о котором вы говорили.

Редактировать: Похоже, ваша проблема в том, что вы включаете плагин arrow.js, но затем переопределяете его сами. На первый взгляд стрелка.js и код в вашей области javascripting выглядит одинаково. (Конечно, они оба разделяют проблемы, не имеющие круглые скобки вокруг расчетов!)

Я извлекал опираясь на arrow.js в моей скрипке, и я думаю, что вы должны слишком, так как вы, очевидно, копируют код в вашу надбавку. Если у вас нет контроля над arrow.js, то вы должны быть, используя собственный код, потому что стрелка.js ошибочна, когда она не помещает круглые скобки вокруг вычислений сверху и слева.

Вот updated fiddle с основными стрелками, взятыми из большего Internet (так как у меня нет доступа к стрелкам). Прекратите полагаться на arrow.js; исправьте его, как я описал, и вы окажетесь в лучшем месте. Ответ на ваш вопрос о том, почему все ломается, когда вы включаете плагин, заключается в том, что плагин ошибочен.

Вам необходимо будет отрегулировать код, чтобы выполнить его правильно в своем контексте. Например: jsfiddle запускает $ (document) .ready() для вас.