兩個腳本之間的jquery衝突

Question

我有使用2個jqueries之間的衝突問題，我已經檢查了jQuery.noConflict（）thingy但是因爲我有點新手入它，我不知道該怎麼去用它做，所以如果你能給我一隻很棒的手。

看來，「jquery-2.1.4.min.js」使「jquery-ui-1.8rc1.custom.min.js」停止工作，所以不會收到彈出窗口。

在此先感謝。

代碼：

<script src="/myjs/js/jquery-ui-1.8rc1.custom.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 


    $(document).ready(function() { 

     var mensaje = "<%= mensaje%>"; 
     var $dialogDel = $('<div></div>') 
     .html(mensaje) 
     .dialog({ 
      autoOpen: false, 
      title: 'Alert', 
      buttons: { "Ok": function() { $(this).dialog("close"); } } 
     }); 
     if(mensaje != ""){ 
      $dialogDel.dialog('open'); 
     } 
    }); 

    function add(){ 

     var archivo = document.adddoc.add_archivo.value; 

     extensiones_permitidas = new Array(".htm", ".html", ".txt", ".doc",".xls",".zip",".pdf",".jpg",".rar",".docx",".xlsx"); 


     extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase(); 

     permitida = false; 
     for (var i = 0; i < extensiones_permitidas.length; i++) { 
      if (extensiones_permitidas[i] == extension) { 
      permitida = true; 
      break; 
      } 
     } 
     if (!permitida) { 
      alert("The extension is not correct"); 
     }else{ 
      var $dialog = $('<div></div>') 
      .html('Doc beeing uploaded, please wait.') 
      .dialog({ 
       autoOpen: false, 
       title: 'Alert' 
      }); 
      $dialog.dialog('open'); 
      $('#adddoc').submit(); 
     } 

    } 

</script> 

    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 
    <script src="/myjs/js/jquery.ezdz.min.js"></script> 
    <script> 

     $('[type="file"]').ezdz({ 
      text: 'drop a file', 
      validators: { 
       maxWidth: 100, 
       maxHeight: 200 
      }/* , 
      reject: function(file, errors) { 
       if (errors.mimeType) { 
        alert(file.name + ' must be an image.'); 
       } 

       if (errors.maxWidth) { 
        alert(file.name + ' must be width:600px max.'); 
       } 

       if (errors.maxHeight) { 
        alert(file.name + ' must be height:400px max.'); 
       } 
      } */ 
     }); 
    </script> 

Answer 1

jquery-ui-1.8rc1 is shipped with jquery-1.4.1.js。

由於您使用的是較新版本的jQuery，因此可能會出現兼容性問題。

您是否可能在控制檯中收到任何警告或錯誤？也許這跟deprecated functions有關。