Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Danilo Moreira da Costa

.noConflict do jquery não funciona!

Por , em Javascript

Recommended Posts

Danilo Moreira da Costa    0

Danilo Moreira da Costa
Postado

Olá, nao entendo de javascript mais pesquisei muito sobre a necessidade q preciso para usar duas bibliotecas e no caso do jquery vi q a função .noConflict, ajuda muito para caso de conflito entre duas bibliotecas.

as bibliotecas q estão em conflito é


 <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery-1.8.3.js"></script>

vi alguma orientações de como usar o .noConflict e criei uma ideia no código abaixo, mais msm assim ainda continua inoperante.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gerar O.S.</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
  <link rel="stylesheet" type="text/css" href="normalize(1).css">
  
  
  <link rel="stylesheet" type="text/css" href="result-light.css">
  
  <style type="text/css">
    
  </style>


 <script type="text/javascript">//<![CDATA[ 
 var novo = jQuery.noConflict()
novo(function(){
function AddRow(tableID){
    
    var i = novo('#' + tableID + ' tbody tr').length;
    var tableRow = '<tr>';
    tableRow += '<td><input type="checkbox" name="chk[]" /></td>';
    tableRow += '<td><input type="text" name="ItemName[]" id="ItemName-' + i + ' " placeholder="Item Name"></td>';
    tableRow += '<td><input type="text" name="ItemPrice[]" id="ItemPrice-' + i + '" placeholder="Item Price"></td>';
    tableRow += '<td><input type="text" name="NumberOfItems[]" id="NumberOfItems-' + i + '" placeholder="Number Of Items"></td>';
    tableRow += '<td><div class="input-prepend"> <span class="add-on">Total:</span>';
    tableRow += ' <input name="TotalInline[]" id="TotalInline-' + i + '" type="text" readonly="readonly" />';
    tableRow += ' </div></td>';
    tableRow += '</tr>';
    novo('#' + tableID + ' tbody').append(tableRow);
}
    


// Delete Row
    novo'#NewInvoiceTableDeleteRow').click( function(event){
        var tableID = "NewInvoiceTable";
        deleteRow(tableID);
        return false;
    });
    
    // Add Row
    novo('#NewInvoiceTableAddRow').click( function(event){
        var tableID = "NewInvoiceTable";
        AddRow(tableID);
        return false;
    });
    
    // Calc Inline Total
    novo('#NewInvoiceTable').on('keyup', 'input', function(){
        var RowIndex = $(this).prop('id').split('-')[1];
        
        // Problem here
        var PriceItem = $("#ItemPrice-" + RowIndex).val();
        var NumberOfItems = $("#NumberOfItems-" + RowIndex).val();
console.log(RowIndex , $("#ItemPrice-1").val(), NumberOfItems )
        var price = PriceItem * NumberOfItems;
        
        if(isNaN(price)){
           price = "0.00"
        } else {
            price.toFixed(2);    
        }
        novo("#TotalInline-"+RowIndex).val(price);
        
    });
});//]]>  

</script>
  
 


<script>
function exibe(id) {  
   if(document.getElementById(id).style.display=="none") {  
        document.getElementById(id).style.display = "inline";  
    }    
    else {  
        document.getElementById(id).style.display = "none";  
    }     
}

</script>
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
        <script type="text/javascript" src="js/jquery.autocomplete.js"></script>
        <link rel="stylesheet" type="text/css" href="js/jquery.autocomplete.css" />
        <script type="text/javascript">
		
            $().ready(function() {
                $("#course").autoComplete("autoComplete.php", {
                    width: 518,
                    matchContains: true,
                    //mustMatch: true,
                    //minChars: 0,
                    //multiple: true,
                    //highlight: false,
                    //multipleSeparator: ",",
                    selectFirst: false
                });
            });


</script>

Por favor qm puder me ajudar, desde ja fico muito grato.

obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

FreitasMT    29

FreitasMT
Postado

Cara também já usei esse noConflict mas pra mim a melhor forma é a seguinte...

<script scr="jquery1.js"></script>

// usando jquery 1


<script scr="jquery2.js"></script>

// usando jquery 2

se precisar ainda as duas bbs depois da página carregada e executada pode fazer assim:

 

A variavel $ e jQuery estarão armazenando a última jQuery carregada só que tem um detalhe existe uma terceira variável que armazena a jQuery com o nome de sua versão por exemplo:

 

// jQuery171018470334424637258

 

então o que voce pode fazer atribuir esta variavel a uma outra mais aconchegante e usa-la

 

var $1 = jQuery171018470334424637258;

var $2 = jQuery191018470334424637258;

 

pra saber qual é o nome da sua só começar a escrever no console ou pode fazer dessa forma também:

<script scr="jquery1.js"></script>
<script>
   $1 = $;
   $1(function(){
      // do stuff
   });
</script>


<script scr="jquery2.js"></script>
<script>
   $2 = $;
   $2(function(){
      // do stuff
   });
</script>

escolhe uma e pronto;

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito