Question

我在HTML表格中有一个3D数组值。我希望能够在<div>元素中的HTML表之间切换。

将有15＆＃34;层＆＃34; HTML表格。我有一个滑块

vSlider2

这是右侧的短垂直滑块，用于控制将显示的图层。我有一个包含表id的数组，它将链接到每个表的html。

这是我认为不起作用的代码行：

var j =$('#amount3').val(); //this is what doesn't work but if I set j=1 it does

$('#tab').html(tab[j]);

在小提琴中，如果我放var j=1;它就可以了。

我必须在这里遗漏一些东西。我想知道我是否可能设置错误以允许页面自动更新？我认为在准备好的功能中，我可以做到这一点。

感谢您提供的任何帮助。

Answer 1

在我看来，您正试图将该值设为Integer。碰巧您获得的价值为String。

也许这个链接会有所帮助：

JavaScript Documentation - parseInt() method

祝你好运：）

Answer 2

问题不在于它是一个int或字符串，而是加载html的操作在滑块函数之外。当我在滑块函数中将更改添加到div时，更新了html：

http://jsfiddle.net/56B5p/1/

function VcreateSlider2(slider, boundTextField) {
slider.slider({
  orientation: "vertical",
  range: "max",
  min: 1,
  max: 15,
  value: 15,
  slide: function( event, ui ) {
    boundTextField.val(16- ui.value );
      $('#tab').html(tab[15-ui.value]);

$('tr > td').each(function(index) {
    var scale = [['bad',-99],['vPoor', 10], ['poor', 20], ['avg', 40], ['good', 60], ['vGood', 80]];
    var score = $(this).text();
    for (var i = 0; i < scale.length; i++) {
        if (score <= scale[i][1]) {
            $(this).addClass(scale[i][0]);
        }
    }
});
  }
})
}

jQuery滑块更改div元素中的HTML表格内容

2 个答案: