2013-12-10 1 views
0

Веб-сайт, на котором я работаю, получил ошибки javascript, которые я пытаюсь решить.конфликты, связанные с множественным объявлением библиотек JQuery

На той же странице, поверх других сценариев, я получил несколько декларации как таковые:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>  
<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script> 
<script type="text/javascript" src="js/jquery.jcarousel.min.js" ></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js" ></script> 
<script type="text/javascript" src="js/jquery.ui.touch.js"></script> 
<script type="text/javascript" src="js/QapTcha.jquery.min.js"></script> 
<script type="text/javascript" src="js/slides.min.jquery.js" ></script> 
<script type="text/javascript" src="js/jquery.ui.datepicker.min.js" ></script> 
<script type="text/javascript" src="js/jquery.ui.datepicker-fr.js" ></script> 

Есть некоторые заявления, я могу спокойно удалить?

Как я могу убедиться, что эти сценарии сосуществуют без конфликтов?

+2

я удалить один из первых двух - вы действительно не хотите, две различные версии JQuery на той же странице, они будут конфликтовать. Я не мог сказать вам, конфликтует ли какой-либо из плагинов друг с другом, или же разные плагины действительно ожидают разные версии jQuery. – nnnnnn

+0

+1 для @nnnnnn. Только один из первых двух можно безопасно удалить. –

ответ

1

попробовать что-то вроде этого

<script type="text/javascript" src="jquery1.4.2.js"> 
</script> 
<script type="text/javascript"> 
    var jq_4 = jQuery.noConflict(); 
</script> 
<script type="text/javascript" src="jquery1.6.js"> 
</script> 
<script type="text/javascript"> 
    var jq_6 = jQuery.noConflict(); 
</script> 
<script type="text/javascript" src="jquery1.7.js"> 
</script> 
<script type="text/javascript"> 
    var jq_7 = jQuery.noConflict(); 
</script> 
<script type="text/javascript"> 
    // You can use different instance of jquery library. 
    jq_4(document).ready(function() { 
    // so now you can use jquery jq variable instead of $ . 
    jq_4("div").hide(); 
    }); 
    jq_7(document).ready(function() { 
    // so now you can use jquery jq variable instead of $ . 
    jq_7("div").hide(); 
    }); 
</script> 
Смежные вопросы