Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery plugins 使用jQuery DataTables插件时,如何显示分页图像?_Jquery Plugins_Datatables - Fatal编程技术网

Jquery plugins 使用jQuery DataTables插件时,如何显示分页图像?

Jquery plugins 使用jQuery DataTables插件时,如何显示分页图像?,jquery-plugins,datatables,Jquery Plugins,Datatables,我想显示图像,而不是现在显示的“下一个”“最后一个”文本。我试图覆盖当前显示的文本,但它似乎没有改变任何东西。“下一个”“最后一个”文本仍然显示,更不用说我仍然不知道如何将其更改为图像 $('#myTable').dataTable({ "aaSorting": [[ 1, "asc" ]], "sPaginationType": "full_numbers", "oPaginate": { "sNext": 'n', "sLast": 'l

我想显示图像,而不是现在显示的“下一个”“最后一个”文本。我试图覆盖当前显示的文本,但它似乎没有改变任何东西。“下一个”“最后一个”文本仍然显示,更不用说我仍然不知道如何将其更改为图像

$('#myTable').dataTable({
 "aaSorting": [[ 1, "asc" ]],
 "sPaginationType": "full_numbers",
    "oPaginate": 
    {
        "sNext": 'n',
        "sLast": 'l',
        "sFirst": 'f',
        "sPrevious": 'p'
    }
});
有人知道怎么做吗?我认为应该是这样的:

    "oPaginate": 
    {
        "sNext": '<img src="myimage.jpg" />',
...
    }
“oPaginate”:
{
“sNext”:“,
...
}

您可以使用CSS更改它们

看看我的例子:

该页面包含电子邮件地址,不希望垃圾邮件机器人对其进行索引,因此请将(@)替换为


您可以查看源代码以了解它是如何完成的。。希望这有帮助。

晚了一年,但这似乎仍然是一个未回答的问题

要更改下一个/最后一个按钮的默认值,您需要将
oPaginate
对象作为
olalanguage
对象的一部分传递,如下所示:

$('#myTable').dataTable({
 "aaSorting": [[ 1, "asc" ]],
 "sPaginationType": "full_numbers",
 "oLanguage": {
    "oPaginate": {
        "sNext": 'n',
        "sLast": 'l',
        "sFirst": 'f',
        "sPrevious": 'p'
     }
  }
});

这是很久以前的事了,但他提供的答案应该有用。。。 我有这个,它是有效的:

oTable = $('#example').dataTable( {
        "ordering": false,
        //"sDom":"flrtip"
        "sDom":'r<"contactsTable"t><p>',
        "oLanguage": {
            "oPaginate": {
              "sNext": '<i class="entypo-right-circled" ></i>',
              "sPrevious": '<i class="entypo-left-circled" class="Dia_pagination_ico" ></i>'
            }
          }
    });
oTable=$('#示例')。数据表({
“命令”:错误,
//“sDom”:“flrtip”
“sDom”:“r”,
“语言”:{
“oPaginate”:{
“sNext”:“,
“以前的”:“
}
}
});

css类放置图像,但我猜给出的示例应该有效

您是否尝试了您建议的解决方案(使用img标记作为sNext)?我尝试了,但没有任何更改。我猜我有一个语法错误,虽然我没有得到错误。谢谢!我原以为这样也行,但我原以为只需更改发布的文本会更容易。你删除了页面吗?它现在是空白的。我想我应该把一些源代码复制到答案中,因为我记得我看了,但是现在需要实现答案,因为它是空白的。