我有一个正确显示在主页上的img,但是当我导航到另一个页面时,图像将不会显示在我的手机上。在浏览器中,它按预期显示图像。我真的不知道问题是什么......
这是我将html附加到表格的javascript代码:
var imgPath = '../img/icons/notification_bell.png';
html = html + "<tr><td class='img-table'><img src=" + imgPath + "/></td>" + "<td><span class='time-aside'><strong>" + formattedTime + "</strong></span><h4>" + info.data[count][1] + "</h4><p>" + info.data[count][2] + "</p></td></tr>";
这是html:
<div data-role="page" id="all">
<div data-role="header">
<a href="#dashboard" class="ui-btn ui-icon-carat-l ui-btn-icon-notext ui-alt-icon ui-corner-all ui-btn-left" data-transition="slide" data-direction="reverse">No text</a>
<h1>All Reminders</h1>
</div>
<div data-role="main" class="ui-content" data-theme="b">
<table data-role="table" data-mode="column" id="notificationTable" class="ui-responsive">
<tbody>
</tbody>
</table>
<a class="clearbtn" style="text-decoration: none"><button>clear</button></a>
</div>
</div>
当我用chrome://inspect/
检查图像时,我收到此错误:
/img/icons/notification_bell.png/:1 GET file:///img/icons/notification_bell.png/ net::ERR_FILE_NOT_FOUND
当我手动将其设置为与仪表板上相同的路径时,如下所示:'img/icons/notification_bell.png'
它会显示但是当我通过JS执行时它不会显示...
答案 0 :(得分:1)
如果您的应用位于根文件夹中,请尝试仅放置:
"Z"