如何摆脱jQuery加载元素内的JS

Question

我正在使用JQuery load（）方法创建一个单页应用程序。

情况是，我用jquery加载的每个PHP文件中都有一个JS，

问题是，即使我在同一元素内加载另一个文件时，每个PHP应用程序内的JS仍会使用，即使它已被覆盖。  由于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被带有jquery负载的file2覆盖了

有没有一种方法可以清除我已覆盖的元素内的jquery？

Answer 1

根据jQuery.load文档，将选择器传递给load方法将删除所有脚本。

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

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