paginator dans jQuery ne fonctionne pas avec autocomplete pour moi

Question

J'utilise la pagination avec le tri en utilisant jquery. J'ai aussi des fonctionnalités de saisie semi-automatique également activées.

Ci-dessous est la autocomlete

<link rel="stylesheet" type="text/css" href="<%=resourcePath %>/css/autocomplete.css"/> 
     <script type="text/javascript" src="<%=resourcePath %>/scripts/prototype/prototype.js"></script> 
     <script type="text/javascript" src="<%=resourcePath %>/scripts/script.aculo.us/effects.js"></script> 
     <script type="text/javascript" src="<%=resourcePath %>/scripts/script.aculo.us/controls.js"></script> 
     <script type="text/javascript" src="<%=resourcePath %>/scripts/autocomplete.js"></script> 

et ce pour la pagination et le tri

<script src="<%=resourcePath%>/data-page/jquery-latest.js" type="text/javascript"></script> 
    <!-- Table Sorter --> 
    <script type="text/javascript" src="<%=resourcePath%>/data-page/jquery.tablesorter.js"></script> 
    <script type="text/javascript"> 
       $.noConflict(true); 
       $(function() {  
         $("#product-table").tablesorter(); 

     }); 
    </script> 
    <link href="<%=resourcePath%>/data-page/table-sorter.css" rel="stylesheet" type="text/css"> 

    <script src="<%=resourcePath%>/data-page/smartpaginator.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     jQuery(document).ready(function() { 
     var t = document.getElementById('total').value; 
     //var r = document.getElementById('rec_per_page').value; 
      $('#paginator').smartpaginator({ totalrecords: t, recordsperpage: 10, datacontainer: 'product-table', dataelement: 'tr', initval: 0, next: 'Next', prev: 'Prev', first: 'First', last: 'Last'}); 
     }); 
    </script> 

quand je supprimer le

<script type="text/javascript" src="<%=resourcePath %>/scripts/prototype/prototype.js"></script> 

pagination suivant et le tri de travail et autocomplete ne fonctionne pas

quand j'ajoute le dessus, c'est l'inverse.

comment y remédier?

S'il vous plaît aidez-moi.

Cordialement

Answer 1

Selon l'ordre dans lequel vous chargez vos scripts que vous ne devriez pas toujours utiliser $.noConflict(); pour libérer le contrôle de $ de jQuery. La meilleure façon de le faire serait d'utiliser jQuery au lieu de $ où le code jquery est mis en œuvre, comme suit:

jQuery.noConflict(); 

vous aussi appelez $.noConflict() et utilisez toujours le lendemain comme la fonction jQuery domready avec $ . Ce:

$.noConflict(true); 
$(function() {  
    $("#product-table").tablesorter(); 
}); 

devrait être:

jQuery.noConflict(true); 
jQuery(function() {  
    jQuery("#product-table").tablesorter(); 
}); 

EDIT:

également d'utiliser le $ dans le gestionnaire d'événements domready vous devez passer comme paramètre. Ce:

jQuery(document).ready(function() { 

devrait être:

jQuery(document).ready(function($) { 

Answer 2

pas pleinement compris de la réponse ci-dessus. mais cela m'a aidé à trouver ce que c'est et pourquoi cela se produit.

Je suis toute la solution de this