Cordova

Question

我有一个 img 可以正确显示在主页上，但是当我导航到另一个页面时，图像不会显示在我的 phone 上。在浏览器中，它按预期显示图像。我真的不知道是什么问题...

这是 javascript 代码，我将 html 附加到 table :

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';

Cordova - jquery 移动 img 路径

Cordova - jquery mobile img path

javascript

jquery

date

jquery-mobile