Phonegap Javascript .html() 在 iOS 模拟器中不工作？

Question

我目前在使用 Phonegap 以及我的 HTML 和 Javascript 代码时遇到了一些问题。

头脚本代码：

<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 代码：

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

如您所见，当文档运行s 时，我希望将 li 标签插入到 body 中。但是，当我在 iOS 模拟器上运行它时，什么也没有出现。

目前的样子：http://imgur.com/9fwqlci

但是当我将 li 直接添加到 body 时，它起作用了：http://imgur.com/Mb25T7u

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

编辑：固定代码和编辑标题。

Answer 1

在您的 <head> 中，#viewRequestList ul 尚未创建，因此 $("#viewRequestList") 找不到它。在 <body> 末尾或 $(document).ready() 函数中添加脚本。

Phonegap Javascript .html() 在 iOS 模拟器中不工作？

Phonegap Javascript .html() not working in iOS simulator?

html

javascript

ios-simulator

cordova