使用jQuery添加位于我的项目中的图像

Question

这是我的逻辑树：

consultaBeneficiario.js 以下

这是数据表插件的回调：

"fnDrawCallback": function () {

        $("tbody td.xls").each(function(){              
            $(this).html("<img src='../plusDetails.png' onclick = 'dettaglioConsultaPagamentiXLS("+$(this).html()+", \"beneficiario\")\'> XLS </button>");
        });

但它不起作用。

结果如下：

如果我这样做，例如：

$(this).html("<img src='http://i.imgur.com/SD7Dz.png' onclick = 'dettaglioConsultaPagamentiXLS("+$(this).html()+", \"beneficiario\")\'> XLS </button>");

作品。

如果可以提供帮助，我正在使用百里香。

为什么？

Answer 1

因为'../'是从您的主html / php文档解释而不是从脚本的位置解释的。设置完整的URL（您可以将其定义为/或将其作为jquery变量获取）

Answer 2

尝试使用像

这样的baseurl变量

var BASEURL = window.location.protocol+'//'+window.location.hostname+((window.location.port=='') ? '' : ':'+window.location.port)+'/';

之后，您可以使用它来设置图像的静态链接

$(this).html("<img src='"+BASEURL+"pagamenti/plusDetails.png' onclick = 'dettaglioConsultaPagamentiXLS("+$(this).html()+", \"beneficiario\")\'></img>");