Faire le prochain bouton continuer du «numéro» actuel

J'ai essayé d'obtenir un prochain bouton sur mon site pour continuer du nombre actuel. Mais il recommence à partir de 1 à chaque fois. Toute aide que j'ai appréciée. Donc, ce qui se passe ici, c'est quand je clique sur le bouton pNext, il est supposé changer un H1 et un paragraphe, et le cycle entre huit différentes options que j'ai créé.Faire le prochain bouton continuer du «numéro» actuel

J'ai un couple de boutons qui se lient directement à chaque tableau individuel. Donc un bouton numéro 7. Et si je clique sur Suivant après avoir cliqué sur 7, je veux que ça passe à 8> 1> 2>, et ainsi de suite. Mais il va directement à 1.

<!-- NEXT BUTTON --> 
    <script> 
     $(document).ready(function() { 
      var textArray = []; 
      textArray[0] = "market.';  
      textArray[1] = 'area.';  
      textArray[2] = 'involved.';  
      textArray[3] = 'solution.'; 
      textArray[4] = 'situation.';  
      textArray[5] = 'unit.';  
      textArray[6] = 'place.';  
      textArray[7] = 'parts.'; 

      var idx = 0; 
      $('#pNext').on('click', function(){ 
       idx++; 
       var newidx = idx % textArray.length; 
       $('#pText').text(textArray[newidx]); 
      }); 
     }); 

     $(document).ready(function() { 
      var textArray = []; 
      textArray[0] = 'Better';  
      textArray[1] = 'Better';  
      textArray[2] = 'Safer';  
      textArray[3] = 'Intuitive'; 
      textArray[4] = 'One';  
      textArray[5] = 'Better';  
      textArray[6] = 'Theft';  
      textArray[7] = 'Quality'; 

      var idx = 0; 
      $('#pNext').on('click', function(){ 
       idx++; 
       var newidx = idx % textArray.length; 
       $('#pHeadline').text(textArray[newidx]); 
      }); 
     }); 

     $(document).ready(function() { 
      var textArray = []; 
      textArray[0] = '1';  
      textArray[1] = '2';  
      textArray[2] = '3';  
      textArray[3] = '4'; 
      textArray[4] = '5';  
      textArray[5] = '6';  
      textArray[6] = '7';  
      textArray[7] = '8'; 

      var idx = 0; 
      $('#pNext').on('click', function(){ 
       idx++; 
       var newidx = idx % textArray.length; 
       $('#pNumber').text(textArray[newidx]); 
      }); 
     });     
    </script>

Source

2016-09-27 Calvarium

il semble fonctionner ici - https://jsfiddle.net/ezeqy5ff/4/ –

@ freedomn-m me déchirer – TheWandererr

votre code ressemble contient certaines parties répétitives, pouvez-vous au moins envoyer comme la partie html? – mondersky

Voici un nouveau code. Cela fonctionne bien selon votre condition.

$(function() { 
    var textArray = []; 
    textArray[0] = 'market.'; 
    textArray[1] = 'area.'; 
    textArray[2] = 'involved.'; 
    textArray[3] = 'solution.'; 
    textArray[4] = 'situation.'; 
    textArray[5] = 'unit.'; 
    textArray[6] = 'place.'; 
    textArray[7] = 'parts.'; 

    var idx = 0; 
    $('#pNext').on('click', function(){ 
    idx = idx == textArray.length?0:idx; 
     $('#pText').text(textArray[idx++]); 
    }); 
})

Source

2016-09-27 13:32:34

Hey Akhil, je suis désolé. Je ne comprends pas vraiment. Je suis assez nouveau pour Java. – Calvarium

Ne vous inquiétez pas, ce n'est pas Java, c'est Javascript. La première et la dernière ligne devraient être compréhensibles. La deuxième ligne vérifie si l'index (idx) est plus petit que la longueur (nombre d'éléments) de votre textArray. Si l'index est plus petit, votre contenu "#Headline" -Textcontent sera remplacé par l'élément suivant de votre textArray. (idx ++) – Sascha

Mais s'arrêtera au dernier article. Comme c'est un bouton "suivant", c'est raisonnable, mais cela ne correspond pas au code de la question qui revient au début. En outre, si ce code était répété 3 fois pour chaque texte/titre/numéro, il sautait incorrectement. Pouvez-vous fournir une version complète pour les 3 sections? –

Après l'indice d'accès variable d'incrément, dans votre code premier incrément puis commencer à partir de 1

$('#pNext').on('click', function(){ 
    var newidx = idx % textArray.length; 
    $('#pNumber').text(textArray[newidx]); 
    idx++; 
});

Source

2016-09-27 13:33:44

S'il vous plaît modifier avec plus d'informations. Les réponses au code uniquement et «Essayez ceci» sont déconseillées car elles ne contiennent aucun contenu interrogeable et n'expliquent pas pourquoi quelqu'un devrait «essayer». – abarisone

Le code semble bien pour moi (sauf textArray[0] = "market.';). S'il vous plaît vérifier le violon.

$(document).ready(function() { 
 
      var textArray = []; 
 
      textArray[0] = 'market.';  
 
      textArray[1] = 'area.';  
 
      textArray[2] = 'involved.';  
 
      textArray[3] = 'solution.'; 
 
      textArray[4] = 'situation.';  
 
      textArray[5] = 'unit.';  
 
      textArray[6] = 'place.';  
 
      textArray[7] = 'parts.'; 
 

 
      var idx = 0; 
 
      $('#pNext').on('click', function(){ 
 
       idx++; 
 
       var newidx = idx % textArray.length; 
 
       $('#pText').text(textArray[newidx]); 
 
      }); 
 
     }); 
 

 
$(document).ready(function() { 
 
      var textArray = []; 
 
      textArray[0] = 'Better';  
 
      textArray[1] = 'Better';  
 
      textArray[2] = 'Safer';  
 
      textArray[3] = 'Intuitive'; 
 
      textArray[4] = 'One';  
 
      textArray[5] = 'Better';  
 
      textArray[6] = 'Theft';  
 
      textArray[7] = 'Quality'; 
 

 
      var idx = 0; 
 
      $('#pNext').on('click', function(){ 
 
       debugger; 
 
       idx++; 
 
       var newidx = idx % textArray.length; 
 
       $('#pHeadline').text(textArray[newidx]); 
 
      }); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="pText"></p> 
 
<p id='pHeadline'></p> 
 
<button id='pNext'>Click</button>

Source

2016-09-27 13:44:46

Faire le prochain bouton continuer du «numéro» actuel

Répondre

Questions connexes