Wie löst man jQuery confloct?

Question

Ich habe eine benutzerdefinierte jQuery-Datei, die meine andere jQuery-Datei deaktiviert oder in Konflikt bringt, wie kann ich das beheben? Bitte siehe unten: My Custom-Datei:

$(".search").keyup(function() 
{ 
var searchid = $(this).val(); 
var dataString = 'search='+ searchid; 
if(searchid!='') 
{ 
    $.ajax({ 
    type: "POST", 
    url: "search.php", 
    data: dataString, 
    cache: false, 
    success: function(html) 
    { 
    $("#result").html(html).show(); 
    } 
    }); 
}return false;  
}); 

Widersprüchliche Dateien:

<script src="js/jquery.isotope.min.js"></script> 
<script src="js/nprogress.js"></script> 

Ich würde mehr als glücklich sein, wenn diese behoben ist.

Answer 1

Ich gehe davon aus, dass Sie für bestimmte jQuery wissen widersprüchlich - Sie die Konsole Fehler überprüft haben, usw.

Sie Ihre jQuery in einer self-executing anonyme Funktion wickeln könnte wie folgt aussehen:

(function($) { 
    $(".search").keyup(function() 
    { 
    var searchid = $(this).val(); 
    var dataString = 'search='+ searchid; 
    if(searchid!='') 
    { 
    $.ajax({ 
    type: "POST", 
    url: "search.php", 
    data: dataString, 
    cache: false, 
    success: function(html) 
     { 
     $("#result").html(html).show(); 
     } 
    }); 
    }return false;  
    }); 
})(jQuery); 

EDIT - ein bisschen Erklärung, was oben passiert ist. Um mögliche Konflikte mit anderen Skripten/Frameworks zu vermeiden, übergeben wir das jQuery-Objekt als Argument an unsere Funktion (daher function($)). Das hat den Vorteil, dass Sie jetzt $ lokal innerhalb der Funktion verwenden können. Ohne Angst vor Konflikten mit anderen Skripten auf einem global Bereich.

Answer 2

Ich konnte das Problem beheben, indem Sie es einfach mit Verpackung:

$(document).ready(function() { 
//----- 
});