带文本和URL的图像列表视图

我想显示图标和文本并进行列表。列表链接到特定的URL。我将所有这些存储在数组中，但图像不是从数组中填充的。这是一个spinet。带文本和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"); 

}

所有我想要的是在

来源

2016-02-02 Mugamboo

** [在这里检查]（https://jsfiddle.net/Guruprasad_Rao/ynfrkzwg/）** –

嘿，我已经实现了这一点。如何在列表中的文本之前添加图标。 – Mugamboo

你可以在你的文字前追加'i'标签.. –

你刚才的mainPanel忘记以前单引号列表动态添加图像图标[i] .title伪..它应该是这样..

items += '<li><a href="' + mainPanel[i].url + '">' + mainPanel[i].title + '</a></li>';

来源

2016-02-02 03:56:43

ya这是错误的，我忘了把单引号在这里，但在我的原始代码是好的。如何在文本列表中添加列表中列出的图标。 – Mugamboo

for（var i = 0; i ' + mainPanel[i].title \t \t + ''; \t} – Mugamboo

这是正确的吗？ – Mugamboo

在这里，我们去的问题是在循环的

for (var i = 0; i < mainPanel.length; i++) { 
    // after '"> need one ' 
    items += '<li><a href="' + mainPanel[i].url + '">' + mainPanel[i].title 
    + '</a></li>'; 
}

来源

2016-02-02 03:59:16 dexhering

带文本和URL的图像列表视图

回答

相关问题