Question

为了尽可能地简化我的使用案例，我收到了一个硬件的文件名列表，然后我循环并附加到jquery移动列表视图。

对于每次迭代，我使用：

private void button4_Click(object sender, EventArgs e)
    {
        string fileA, fileB, fileC;
        fileA = textBox1.Text;
        fileB = textBox2.Text;
        fileC = "result.txt";

        string alphaFilePath = fileA;

        List<string> alphaFileContent = new List<string>();
        using (FileStream fs = new FileStream(alphaFilePath, FileMode.Open))
        using (StreamReader rdr = new StreamReader(fs))
        {
            while (!rdr.EndOfStream)
            {
            }
        }
        string betaFilePath = fileB;

        StringBuilder sb = new StringBuilder();


        using (FileStream fs = new FileStream(betaFilePath, FileMode.Open))
        using (StreamReader rdr = new StreamReader(fs))
        {
            while (!rdr.EndOfStream)
            {
                string[] betaFileLine = rdr.ReadLine().Split(Convert.ToChar(","));
              }
        }
        using (FileStream fs = new FileStream(fileC, FileMode.Create)){
    using (StreamWriter writer = new StreamWriter(fs))
    {
        writer.Write(sb.ToString());
    }
}               foreach (var item in alphaFileContent)
                {
                    if (item.StartsWith(betaFileLine[0]))
                    {
                        sb.AppendLine(String.Format("{0}", betaFileLine[0]));
                    }

                }


    }

我尝试在标记字符串和选择器中添加数据转换到列表项和锚点，但无论我做什么，列表最后都会更新所有数据，而不是在循环时转换每个项目。我错过了关于.append如何工作的基本信息？或者我可以在哪里申请过渡？

Answer 1

如果我理解正确，您的目标是使用数据转换为列表中的元素设置动画。这似乎不是数据转换的工作原理：当您单击链接时它控制页面之间的转换，而不是元素本身的动画。

要为元素设置动画，我认为你需要做自己的动画。像这样：

＆＃13;
＆＃13;
$(function() { $("#start").click(function() { $.each(["One", "Two", "Three"], function (i, val) { $('ul').append('<li style="display: none" class="closed"><a>' + val + '</a></li>'); $('ul').listview('refresh'); $('ul .closed').slideDown(300, function() { $(this).removeClass('closed'); }); }); }); });
＆＃13;
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <a href="#" id="start" class="ui-btn">Start</a> <ul data-role="listview"> </ul>
＆＃13;
＆＃13;
＆＃13;

通过转换将项目附加到列表视图

1 个答案: