javascript - Cordova - jquery mobile img 路径

Question

我有一个可以正确显示在主页上的 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 执行此操作时，它不会显示向上...

Answer 1

如果您的应用位于根文件夹中，请尝试仅放置:

var imgPath = 'img/icons/notification_bell.png';