帶變量和html代碼的數組的Javascript輸出

首先感謝您的幫助和支持！帶變量和html代碼的數組的Javascript輸出

我的問題是我怎樣才能正確地輸出HTML代碼與變量到。我正在使用jquery和jquery.mobile。我從一個數據庫的分離結果與「，」和分裂到一個JavaScript數組（工程），但我不能夠正確地輸出這些結果到一個動態工作列表...他們有要在鏈接和jQuery的外觀列表中...但它只是顯示一個沒有鏈接的圖像列表，沒有jQuery也不會停止加載。我的互聯網研究沒有給我我需要的幫助，我也不知道如何解決這個問題。（因爲我想用PhoneGap的，我不能在這個部分使用PHP）

這裏是我的代碼片段（只是重要的東西）：

<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="css/jquery.mobile-1.2.0.css" /> 

    <script src="js/jquery.js"></script> 

    <script src="js/jquery.mobile-1.2.0.js"></script> 


</head> 
<body> 

       <div id="result"> 
      <script> 
$(document).ready(function(){ 
    $.post("Test.php", 
    { 
     q:"Value2ask", 
    }, 
    function(data){ 

var share=data.split(","); 

      if (share.length>=1){ 
      for(var i = 0; i < share.length; i++) 
      { 

      var dynlist = dynlist + ('<li><form id="'+share[i]+'" method="POST" action="Next.php" data-ajax="false">'+ 
      '<input id="id" name="id" value="'+share[i]+'" type="hidden"/> </form>'+ 
      '<img src="images/pic.png" class="img'+share[i]+'" align="LEFT" width="38" height="38" />'+ 
      '<a onclick="document.getElementById('+share[i]+').submit();" data-transition="slide" data-ajax="false">&nbsp; '+share[i]+'</a></li>'); 


      } 
      return document.innerHTML(dynlist); 
      } else { 
      var dynlist = ('<li> <a data-rel="back" data-role="button" data-icon="back" data-ajax="false">No results, click to get back </a></li>'); 
      return document.innerHTML(dynlist); 
      } 


    }); 
}); 
</script></div></body></html>

我也試了一下文件撰寫（像innerHTML一樣的結果）和一些其他版本像document.write與每一行... 沒有正面結果...請幫助:) 謝謝！

編輯：我得到我想要的正確的代碼，但它鴕鳥政策告訴我我想要的結果...（鏈接無法正常工作，例如，沒有jQuery的列表...）

來源

2013-03-04 Carlos

您是否收到任何錯誤？ – EnterJQ 2013-03-04 05:12:46

@EnterJQ沒有web開發者控制檯停在後命令... – Carlos 2013-03-04 05:37:30

還好吧只是缺少一個列表視圖刷新，以獲得jQuery Mobile的風格......，爲的getElementById部分失蹤「。感謝您的幫助

來源

2013-03-11 04:32:48 Carlos

您有var dynlist爲成功響應循環。

正確與

var dynlist; 

for(conditions) 
{ 
    dynlist += "code"; 
}

和，而不是返回返回document.innerHTML（dynlist）;您可以使用.html()，.text()或.attr()或.append() jQuery方法將您的dynlist添加到html DOM。

例

$(documet).append(dynlist); 
$('div#result').append(dynlist);

來源

2013-03-04 05:17:24

不工作...它顯示我幾乎像以前一樣...但感謝我的錯誤，我得到了我的循環變種。 .. – Carlos 2013-03-05 03:57:05

好吧，我知道了，所以我得到了正確的HTML代碼在JS中，它也顯示出來。但有jquery樣式失蹤...它看起來像這樣：http://jsfiddle.net/hYQm4/32/（但無此列表應該有一個jQuery的風格，也鏈接到點擊... – Carlos 2013-03-09 23:12:00

好吧，我解決了它！哪裏只是listview刷新失蹤！現在我得到了jquery的移動風格，但按鈕不起作用（沒有行動）...有人一個想法？ – Carlos 2013-03-11 04:28:03

帶變量和html代碼的數組的Javascript輸出

回答

相關問題