Question

我在浏览一系列Hidden Divs时会遇到问题，这些问题最终会变成我正在处理的另一个页面上的表格，而我遇到的问题是jQuery Javascript代码似乎不是回应电话。

我的JS小提琴示例：

我的实际应用工作：

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的代码示例，似乎无法正常工作。

这样做的总体目标是能够移动动态生成的具有单独分配Div的表格，只需按一下按钮即可自由显示和隐藏。

Answer 1

你的答案非常接近！问题是您的选择器使用的是字符串，而不是您初始化的变量！

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

看看这个updated JSFiddle.

我还在事件处理程序中添加了一些边界检查。这样，您只能滚动可用的表格（1-4）。

使用jQuery动态移动隐藏表

1 个答案: