javascript - jQuery + 解析 : Functions from for loops

Question

我迷路了。

我正在为我正在从事的项目使用 Parse 和 jQuery。在 Parse 中，我有包含地址、价格、标题等的“列表”。我的最终目标是获得每个列表地址的列表，当单击其中一个时，将显示列表的其余信息。

到目前为止，我已经使用 for 循环列出了 Parse 中的每个列表:

var Listings = Parse.Object.extend("Listings");
var query = new Parse.Query(Listings);

query.descending("createdAt");

query.find({

     success: function(results) {

        //alert("Sucessflly retreived " + results.length + " results!");

        for (var i = 0; i < results.length; i++) {
            var object = results[i];

           var houseTitle = object.get("Title");
           var myTitle = $('<h3>' + houseTitle + '</h3>');

           $('container').append(myTitle);

到目前为止，我的代码正在努力列出 list 的每个标题。我不知道从这里去哪里。我在想我可以以某种方式在列表列表下方添加另一个 div，该列表在单击之前一直隐藏。但我不知道该怎么做。

感谢任何帮助。

Answer 1

理想情况下，如果您不需要显示信息，您不想花时间将信息加载到页面上。

而且我知道我不喜欢模式对话不断弹出。

我会在每个具有特定已知 ID 的下方放置一个 div。但留空。当用户点击列表链接时，然后为该 div 创建内容(从您存储的数据)，并为该 div 设置 html，然后它应该就会显示。

该 div 还应该有一个关闭或“折叠”按钮，以便您可以隐藏该 div。

一旦 div 出现，您就可以隐藏它。

然后如果用户试图再次打开它，那么就显示它(即使用延迟加载)

在此处查找交互模式: http://designinginterfaces.com/patterns/list-inlay/

这里:(它是父页面) http://designinginterfaces.com/patterns/

(ps:那本书是我一个熟人写的)

tl;dr:首先考虑您想要的交互模式。在网上查找灵感(模式网站或您最喜欢的网站:他们是怎么做到的？)然后进行延迟加载