包含文本和 URL 的图像列表视图
Image List view with text and URL
我想用图标和文本显示和列出。列表是指向特定 URL 的链接。我将所有这些存储在一个数组中,但图像没有从数组中填充。这是一个尖刺。
var mainPanel = [ {
icon : "images/green/home.png",
title : "Home",
url : "#tilehome-page"
}, {
icon : "images/green/home.png",
title : "Mayor's Conner)",
url : "#mayorsmessage-page"
}, {
icon : "images/green/home.png",
title : "Report A Problem",
url : "#reportaproblem-page"
} ];
function createmenuPnl() {
var items = '';
//ul = $(".mainMenu:empty");
var ulStr = "<ul>";
for (var i = 0; i < mainPanel.length; i++) {
items += '<li><a href="' + mainPanel[i].url + '"> + mainPanel[i].title
+ '</a></li>';
}
ulStr+= items;
ulStr+='</ul>';
console.log('The ulStr formed is:'+ulStr);
$("#cssmenu").append(ulStr);
$("#cssmenu").trigger( "updatelayout" );
}
我想要的只是在列表中动态添加图像图标
你忘记了mainPanel[i].title.之前的单引号,它应该是这样的。
items += '<li><a href="' + mainPanel[i].url + '">' + mainPanel[i].title
+ '</a></li>';
我们来了问题出在您的循环中
for (var i = 0; i < mainPanel.length; i++) {
// after '"> need one '
items += '<li><a href="' + mainPanel[i].url + '">' + mainPanel[i].title
+ '</a></li>';
}
相关文章:
- 如何从 URL 数组向文档添加图像列表
- 如何创建背景图像列表'URL,并使用jQuery在单击函数时应用它们
- 网页上已有tinymce加载图像列表
- 如何使用javascript获取文件夹中的图像列表
- 使用JavaScript或JQuery从cloudinary获取图像列表
- 调用照片在图像列表上滑动的简单方法
- JQuery 和 Bootstrap:如何将图像列表中的图像添加到轮播
- 包含文本和 URL 的图像列表视图
- 按图像计数变量显示图像列表
- 在段落列表后插入图像列表
- 在哪里可以找到dojo工具箱dijit小部件的图标图像列表
- 在 Node.js 中使用 OpenCV 加载图像列表
- 如何让jQuery等待图像列表加载后再处理它们
- 如何使用jquery从图像列表中获取单击图像的属性
- 带有Angular和Angular材质的图像列表
- 如何在web编程中显示适合屏幕的图像列表
- 如何从客户端 JavaScript 从 cloudinary 获取我的图像列表
- 在图像列表中导航的最简单方法是什么?
- 如何在图像列表中移动元素?与JQuery
- 按顺序加载图像列表