javascript - jQuery + 解析 : Functions from for loops

标签 javascript jquery html for-loop parse-platform

我迷路了。

我正在为我正在从事的项目使用 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);

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

感谢任何帮助。

最佳答案

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

我知道不喜欢不断弹出模态对话框。

我会在每个 div 下面放置一个具有特定的、已知的 id 的 div。 但将其留空。 当用户单击列表链接时,然后为该 div 创建内容(根据您保存的数据),并为该 div 设置 html,然后它应该会显示。

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

一旦 div 升起,您就可以隐藏它。

然后,如果用户尝试再次打开它,则只需显示它(即使用延迟加载)

在这里寻找交互模式: http://designinginterfaces.com/patterns/list-inlay/

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

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

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

关于javascript - jQuery + 解析 : Functions from for loops,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25050149/

相关文章:

javascript - ExtJs 选项卡面板问题

javascript - html5 Canvas ,在溢出时添加滚动条

javascript - 跨浏览器以一致格式获取元素背景颜色的可靠方法?

javascript - 动态设置背景图片在Chrome中不显示

html - 调整图像大小后填充剩余空间,保持其纵横比

javascript - 如何从 Angular 2 中的另一个 Promise 函数调用一个 Promise 函数?

javascript - 导入实例化类设置全局原型(prototype)

javascript - jQuery 悬停/隐藏/显示 - 将鼠标悬停在多个图像上时,并非所有文本都会正确消失

html - 如何在 div 居中的无序列表中左对齐列表项?

html - 使跨度占据所有空间并水平和垂直居中