Динамическое перемещение по скрытым таблицам с jQuery

Question

У меня возникли проблемы, перемещающиеся по последовательности Hidden Divs, которые в конечном итоге превратятся в Таблицы на другой странице, над которой я работаю, и проблема, с которой я сталкиваюсь, заключается в том, что jQuery Javascript code похоже, не отвечает на звонки.

Мой JS Fiddle Пример:

http://jsfiddle.net/qwertycody/QUprb/3/

Мой Actual Applied работы:

http://www.voyagersclan.com/scripts/pokemon/poke_pc.php

<script type="text/javascript" src="jquery.js"></script> 
<script> 
var currentID = 1; 

$(function() { 
     $('#left').on('click', function(){ 
     var currentDiv = '#' + currentID; 
     $('currentDiv').hide(500); 
     currentID = currentID - 1; 
     currentDiv = '#' + currentID; 
     $('currentDiv').show(500); 
    }) 
}); 

$(function() { 
    $('#right').on('click', function(){ 
     var currentDiv = '#' + currentID; 
     $('currentDiv').hide(500); 
     currentID = currentID + 1; 
     currentDiv = '#' + currentID; 
     $('currentDiv').show(500); 
    }) 
}); 
</script> 

Выше пример кода моего JavaScript, который, кажется, не работает правильно.

Общая цель состоит в том, чтобы иметь возможность перемещаться по динамически сгенерированным таблицам с индивидуально назначенными разделителями, которые могут свободно отображаться и скрываться нажатием кнопки.

Answer 1

Ваш ответ очень близок! Проблема в том, что ваш селектор использует строку, а не переменную, которую вы инициализировали!

var currentDiv = '#' + currentID; 
$(currentDiv).hide(500); // works! 
$('currentDiv').hide(500); // gets an element of type "currentDiv" 

Посмотрите на этом updated JSFiddle.

Я также добавил некоторую ограничивающую проверку в обработчик событий. Таким образом вы можете просматривать только доступные таблицы (1-4).