正在创建动态弹出窗口
Creating dynamic popup window
js
$(function () {
var dmJSON = "clues.json";
$.getJSON(dmJSON, function (data) {
var idx = 1;
$.each(data.details, function (i, f) {
var myid = 'mypop' + String(idx);
idx++;
var $popup = "<popup id='" + myid + "' class='mystyles1'><tr>" + "<p>" + f.Myclue + "</p></tr>" + "<tr><p>" + f.Description + "</p></tr>" + "<tr><p>" + f.Updates + "</p></tr>" + "<tr><p> " + f.Users + "</p></tr>" + " </popup>"
$("#popup-container").append($popup)
});
});
});
我想创建动态弹出窗口,并在动态表的json文件单击时显示数据。使用上面的代码,弹出窗口显示整个json数据,而我希望显示特定的数据。任何解决方案都会有所帮助。提前感谢
使用for循环:
$(function () {
var dmJSON = "clues.json";
$.getJSON(dmJSON, function (data) {
var idx = 1;
for (var i =0; i < data.details.length; i++) {
var myid = 'mypop' + String(idx);
idx++;
var $popup += "<popup id='" + myid + "' class='mystyles1'><tr>" + "<p>" + data.details[i].Myclue + "</p></tr>" + "<tr><p>" + data.details[i].Description + "</p></tr>" + "<tr><p>" + data.details[i].Updates + "</p></tr>" + "<tr><p> " + data.details[i].Users + "</p></tr>" + " </popup>"
}
$("#popup-container").append($popup);
});
});
相关文章:
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- javascript skrollr基于动态内容更新窗口高度
- 在highcharts.js中向点弹出窗口动态添加文本
- 带有多个答案选项的Javascript动态数组窗口
- 根据窗口宽度动态更改jQuery滑块选项
- 在浏览器窗口中创建动态灵活的分割标记
- 弹出窗口中的内容不会刷新.如何使动态
- Javascript:动态更改onclick;窗口打开”;
- Twitter 引导弹出窗口不适用于动态生成的内容
- Webdriver:用于动态禁用/启用JavaScript弹出窗口的Firefox配置文件
- 动态弹出窗口'通过调用一个永远运行并返回's每个周期后的数据
- 如何使模式窗口打开动态内容并更改url
- 保留动态创建的下拉列表's在事件窗口.history.back()上选择的值-JavaScript
- 生成动态信息窗口phpJavascript谷歌地图
- 如何使用chrome应用程序窗口动态调整文本区域的大小
- 使用弹出窗口进行动态日期验证
- 无法在调整窗口大小时动态添加类
- 使用 javascript/jquery 动态调整画布窗口的大小
- 引导弹出窗口,在动态内容上附加手动触发器
- kendou窗口动态打开