我迷路了。
我正在为我正在从事的项目使用 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/