Question

我目前在使用Phonegap以及我的HTML和Javascript代码方面存在一些问题。

HEAD SCRIPT CODES：

<script>
  var requestsHTML = "<li id="+displayReqId+" class='table-view-cell'>" +
      "<a class='navigate-right' href="+goToUrl+" data-transition='slide-in'>" +
        "<strong class='requestTitle'> "+displayEduLevel+"</strong>" +
        "<div class='displaySubject status'>"+displaySubject.join(", ")+"</div>" +
      "</a>" +
    "</li>";

  $("#viewRequestList").html(requestsHTML);
</script>

HTML BODY CODES：

<div class="content">

  <div class="ribbonTitle_request">    
               <img src="imgs/ribbon.png" height="80%" width="80%">     
            <div class="containerRibbon">   
               <div class="subTitle" align="center"> Pending Requests </div>   
             </div>    
  </div> 


  <div id="viewRequest" class="viewRequest card">

    <ul id="viewRequestList" class="table-view">

    </ul>

  </div>


</div>

如您所见，当文档运行时，我希望将li标签插入到正文中。但是，当我在iOS模拟器上运行时，没有任何内容出现。

目前情况如何：http://imgur.com/9fwqlci

但是当我确实将li直接添加到体内时，它可以正常工作：http://imgur.com/Mb25T7u

如果有人可以帮我解决这个问题，我将不胜感激。谢谢。

编辑：固定代码＆amp;编辑标题。

Answer 1

在您的<head> #viewRequestList ul尚未创建，因此$("#viewRequestList")无法找到它。将您的脚本添加到<body>的末尾或$(document).ready()功能。

Phonegap Javascript .html（）无法在iOS模拟器中运行？

1 个答案: