Question

我正在使用jquery数据表响应。当我有一个大显示器时，显示所有单元格，我可以轻松地使用javascript更改图像的src，但当我使用监视器调整我的数据表大小并隐藏一些cloulmns如果我更改隐藏列上的图像的src值（通过点击加号图标显示图像不会改变，也不会改变src属性。 Here is an example of hidden columns

遵循数据表init：

$(function() {
        table = $('#DT_ADS').
        DataTable({
            "language": {
                "url": "plugins/datatables/localizations/italian.json"
            },
            "paging": true,
            "lengthChange": true,
            "searching": true,
            "ordering": true,
            "info": true,
            "autoWidth": false,
            "bDeferRender": true,
            "lengthMenu": [5, 10, 15],
            "pageLength": 5,
            "order": [
                [8, "desc"]
            ],
            "columnDefs": [
                { targets: "_all",className: "ALING_CENTER"}
              ],
            "sAjaxSource": "ajax/get_ads_datatable.ajax.php",

        });
    });

有人可以帮助我吗？

编辑：图像是一个开关，当我点击它时，我调用一个执行ajax调用的函数，然后编辑图像的src以显示新更改值中固有的正确图像。

注意：如果我将元素发送到函数

<img id="my_img_1" src="path/of/image.jpg" onclick="changeSrc(this)" /> 
function changeSrc(elem){
elem.src="path/of/image_2.jpg";
}

它也适用于响应模式并且它成功地改变了图像，但我不明白为什么如果我尝试使用

更改src

document.getElementById("my_img_1").src="path/of/image_2.jpg";

它不起作用; 似乎数据表创建了我的图像的2个元素并使用getElementById我只能访问第一个未显示的元素

jquery数据表无法更改隐藏列上的图像

0 个答案: