Question

当用户将光标移动到我页面上图像的不同区域时，我正在更新表格的内容，从而为他们提供更多细节。此表内容是在服务器端生成的。

目前，我在他们自己的div中存储了大约50个不同的表，这些表一直被隐藏，直到相应的鼠标悬停事件。

这是实现这一目标的最佳方式吗？使用javascript来替换单个div的表内容是否更好？

谢谢，A。

Answer 1

好吧，如果它是50个具有独特内容的相同表（结构方面），我可能会选择自定义对象或类似的东西，而不是隐藏50个表（50个表=与1个表相比的开销）。

使用jQuery尝试以下（有点伪）：

var data_rows = $('#table').children('tr');
var region_information = { 
    0: { name: "Foo", location: "Loo"}, 
    1:{ name: "Bar", location: "Car" }, 
    2{ name: "Car", location: "Garage"} 
};

$('.regions').hover(
    function() {

        //Store the region for *performance*
        var this_region = $('this');        

        /* 
            Set the values in the table by getting the field corresponding to the substring
            The format = region-{n}, where {n} is a positive digit
            Repeat this `n` times, according to how many "values" you need to display per table
        */
        data_rows.children('field1').text(
            region_information[this_region.attr('name').substring(7, 1)]
        );
  }
);

这有意义吗？因为我不知道你的桌子是什么样的或者什么，我不能完全告诉你如何做到这一点。但是我可以为你提供类似伪代码的代码（如上所述），所以我希望它可以帮助你！

许多隐藏的div或替换单个div的内容？

1 个答案: