帶文本和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的圖像列表視圖

回答

相關問題