Как избавиться от js внутри jquery загруженного элемента

Question

Я создаю одностраничное приложение с методом load () JQuery.

Ситуация такова, что каждый PHP-файл, который я загружаю с помощью jquery, содержит внутри JS,

Проблема в том, что JS внутри каждого приложения PHP продолжает использовать, даже если он был переопределен при загрузке другого файла.внутри того же элемента.и это дает мне некоторый конфликт с каждым загружаемым файлом, поскольку файлы js взаимозаменяемы.

Возьмем его в качестве примера:

file1.php

 <input id="supplier" name="supplier" onblur="highlight()">
 <script>
    function highlight(){}
 </script>

file2.php

 <input id="supplier" name="supplier" onblur="highlight()">
 <script>
    function highlight(){}
 </script>

ПРОБЛЕМА: file1.php js все еще выполняется на file2.php, то же самое с file2.php для file1.php, даже если file1 переопределяется с file2 с помощью jquery load

есть лиспособ очистки jquery внутри элемента, который я переопределил?

Answer 1

Согласно документации jQuery.load, передача селектора в метод загрузки удалит все сценарии.

http://api.jquery.com/load/#script-execution

$('.my-element').load('my-php-file.php #supplier');