Проблемы со сторонним javascript

Question

Я создаю виджет javascript третьей стороны, который отображает виджет типа движка рекомендации на сайтах хоста. Я успешно развернул свой виджет на 4 веб-сайтах, прежде чем поражать эту странную проблему с этим сайтом. Этот веб-сайт использует float.menu.js для своих кнопок навигации, и этот конкретный скрипт также вызывает мой javascript отдельно от разметки html хоста, поэтому мой виджет получает визуализацию дважды, и он полностью испортил мой стиль. После проверки на консоли в хром-инструментах разработчика он показывает, что скрипт типа VMxx также работает на странице, кроме моего собственного стороннего скрипта. Кто-нибудь знает, как предотвратить этот тип скрипта от взаимодействия с моим сценарием или как мне вообще отлаживать эту проблему. I

Answer 1

1) Вы должны убедиться, что ваш сценарий изолирован от других сценариев, насколько это возможно, используя что-то вроде следующего:

(function() { 

    var myPrivateFunction = function() {...}; 

    var myPublicFunction = function() {...}; 

    window.myWidget = { 
    myPublicFunction: myPublicFunction 
    }; 

}()); 

Используя этот метод, вы имеете полный контроль над которым функции доступны вне вашего скрипта.

2) Если важно, чтобы ваш скрипт выполнялся только один раз, вам необходимо защитить от нескольких вызовов. Посмотрите на «singleton pattern» (Simplest/Cleanest way to implement singleton in JavaScript?) для одного из способов управления этим.