0

首先感谢您的帮助和支持！

我的问题是如何正确输出带有变量的 html 代码。我正在使用 jquery 和 jquery.mobile。

我从用“，”分隔的数据库的 php 结果中获取并拆分为 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>

我还尝试使用 document.write（与 innerHTML 相同的结果）和其他一些版本，如 document.write 每一行......没有积极的结果......请帮助:) 谢谢！

编辑：我得到了我想要的正确代码，但它没有显示我想要的结果......（例如，链接不起作用，列表中没有 jQuery......）

4

2 回答 2

0

您有var dynlist成功响应的 for 循环。

纠正那个

var dynlist;

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

而不是返回 return document.innerHTML(dynlist); 您可以使用.html(),.text()或jQuery 方法将您的 dynlist 添加到 html DOM .attr()。.append()

例子

$(documet).append(dynlist);
$('div#result').append(dynlist);
于 2013-03-04T05:17:24.860 回答
0

好的，只是缺少一个列表视图刷新来获取 jquery 移动样式......并且缺少 ' 用于 getElementbyID 部分。谢谢您的帮助

于 2013-03-11T04:32:48.733 回答