Dynamic listview no display
Hi
I have put up this page with external json data to display. i have no idea y it does display json. but on the console there was no errors. please tell me where am i wrong.
-------------------html--------------
<!DOCTYPE html>
<html lang="En">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>----SRM----</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="
https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="css/custom.css">
<script src="
https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
<div data-role="page" data-theme="b" id="meds">
<div data-role="header">
<h1>Welcome!</h1>
</div>
<div role="main" class="ui-content">
<div>
<ul id="srmlist" data-role="listview"></ul>
</div>
</div>
<div data-role="footer" data-position="fixed">
<h4>© All Rights Reserved 2018</h4>
</div>
</div>
<script>
$.ajax({
url: "data/slr.json",
dataType: "json",
success:function(data){
var records = data.lingos.map(function( value){
return '<li><a href="#'+value.lingo.replace(/ /g,"_")+'" data-role="Page">'+value.lingo+'</li>';
}).join("");
$(records).appendTo('#srmlist')
$('#srmlist').listview("refresh")
var dialogs=data.lingos.map(function( value){
return `<div data-role="page" data-rel="back" id="${value.lingo.replace(/ /g,"_")}" >
<div data-role="content">
<div data-role="header">
<h2>${value.lingo}</h2>
</div>
<p>${value.acto}</p>
</div>
</div>`
}).join("");
$(dialogs).appendTo("body").enhanceWithin()
}
});
</script>
</body>
</html>
------------------------------------
-----------json------------
{
"lingos": [
{
"lingo ": "அ ",
"acto ": "செவிக்குழாய்கள் கூர்மையடையும்."
},
{
"lingo ": "ஆ ",
"acto ": "மூளை நரம்பு நன்று actoபடும். பித்து தணியும்."
},
{
"lingo ": "இ ",
"acto ": "குடல் விரிவாகும், பசி எடுக்கும்."
},
{
"lingo ": "ஈ ",
"acto ": "நாவினில் நீர் சுழற்சி உண்டாகும்."
},
{
"lingo ": "உ ",
"acto ": "உடல் சூடாகும்."
},
{
"lingo ": "ஊ ",
"acto ": "வயிற்றுப் புண் ஆறும்."
},
{
"lingo ": "எ ",
"acto ": "காமம் அதிகமாகும்."
},
{
"lingo ": "ஏ ",
"acto ": "கோபம் அதிகரிக்கும்."
},
{
"lingo ": "ஐ ",
"acto ": "சிறுநீர் எளிதாக பிரியும். கல்லடைப்பு நீங்கும்."
},
{
"lingo ": "ஒ ",
"acto ": "மன ஒருநிலைப்பாட."
},
{
"lingo ": "ஓ ",
"acto ": "கண் பார்வை ஒளி அதிகமாகும். கண் நிமித்த 108 நோய்களும் நீங்கும்."
},
{
"lingo ": "ஒள ",
"acto ": "ஸ்ரீ ( பெண் ) வசியம்."
},
{
"lingo ": "ஃ ",
"acto ": "இரத்த அழுத்தம் குறையும். இவ்வெழுத்தை மூன்று மணி நேரம் தொடர்ந்து மன ஒருநிலைப்பட்டு கூறினால் உயிர் பிரியும்."
},
{
"lingo ": "க் ",
"acto ": "மலசிக்கல் நீங்கும்."
},
{
"lingo ": "ங் ",
"acto ": "இந்திரியம் காட்டும். விந்து ஸ்தம்பனமாகும்."
},
{
"lingo ": "ச் ",
"acto ": "பசி எடுக்காது."
},
{
"lingo ": "ஞ் ",
"acto ": "மாதவிடாய் கோளாறு நீங்கும். வயிற்றுவலி தீரும்."
},
{
"lingo ": "ட் ",
"acto ": "செயற்கையாக கர்ப்பம் தரிக்கும். திருவாசக முனிவர் குந்திதேவிக்கு கூறியது."
},
{
"lingo ": "ண் ",
"acto ": "தீ காயங்களின் வலிகுறையும்."
},
{
"lingo ": "த் ",
"acto ": "இரத்தத்தை குளிர்விக்கும் ஞான காரணியாகவும் பயன்படும்."
},
{
"lingo ": "ந் ",
"acto ": "தடங்கலின்றி சுவாசம் வெளியேறும். நரம்புத்தளர்ச்சி குணமாகும்."
},
{
"lingo ": "ப் ",
"acto ": "தாகம் தனியும்."
},
{
"lingo ": "ம் ",
"acto ": "விறைப்புதன்மை கொடுக்கும்."
},
{
"lingo ": "ய் ",
"acto ": "தோல் சுருங்கும்."
},
{
"lingo ": "ர் ",
"acto ": "ஒவ்வாமை ஏற்படாது அலர்ஜி குணமாகும்."
},
{
"lingo ": "ற் ",
"acto ": "இரத்தத்தில் உள்ள கழிவுகளை அகற்றும்."
},
{
"lingo ": "ல் ",
"acto ": "பித்தம் கூடும."
},
{
"lingo ": "ள் ",
"acto ": "மறதி கூடும் உணர்வு மங்கும்."
},
{
"lingo ": "ழ் ",
"acto ": "தன்னிலை மறத்தல."
},
{
"lingo ": "ன் ",
"acto ": "ஒரு மாயநில"
},
{
"lingo ": "வ் ",
"acto ": "துர்சக்தி வசிய உபாசன"
},
{
"lingo ": "வ்டங் ",
"acto ": "தீவினையை திருப்புதல்,எப்பொருளை நினைத்து இவ்வார்த்தை சித்தியைப் பயன்படுத்தி அப்பொருளை தமக்கே வரவழைக்கலாம்."
},
{
"lingo ": "க ",
"acto ": "கனவு அதிகமாகும்."
},
{
"lingo ": "ங ",
"acto ": "சந்தோஷம் உணடாகும்."
},
{
"lingo ": "ச ",
"acto ": "நினைத்தது நடக்கும"
},
{
"lingo ": "ஞ",
"acto ": "தலையில் அதிர்வு கூடி கனமுண்டாகும்."
},
{
"lingo ": "ட ",
"acto ": "இறந்தவரை தரிசிக்கலாம்."
},
{
"lingo ": "ண ",
"acto ": "காளி அருள் கிடைக்கும். விக்ரமாதித்தன் சித்தி பெற்ற எழுத்து."
},
{
"lingo ": "த ",
"acto ": "கணவன் ஆயுள் நீடிக்கும். கணையம் பழுது நீங்கும்."
},
{
"lingo ": "ந ",
"acto ": "எண்ணுக்கு முதல் எழுத்து ந - கடவுள் காட்சி."
},
{
"lingo ": "ப",
"acto ": "வீரம் குறையும்."
},
{
"lingo ": "ம ",
"acto ": "பாசம் கூடும்."
},
{
"lingo ": "ய ",
"acto ": "தூக்கம் வரும். சத்திக்குரிய எழுத்து."
},
{
"lingo ": "ர ",
"acto ": "தன்னம்பிக்கை குறையும். தாழ்வு மனப்பான்மை கூடும்."
},
{
"lingo ": "வ",
"acto ": "மனைவிதாசன். கணவனடிமை."
},
{
"lingo ": "ல ",
"acto ": "முக்தி நிலை."
},
{
"lingo ": "ள ",
"acto ": "முடிவு நிலை."
},
{
"lingo ": "ழ ",
"acto ": "நல்ல சீடன் உருவாவான்."
},
{
"lingo ": "ற ",
"acto ": "சைவப்பிரியன்."
},
{
"lingo ": "ன ",
"acto ": "கெடுதலைக் கொடுக்கும்."
},
{
"lingo ": "கா ",
"acto ": "நிறம் மாறும்."
},
{
"lingo ": "ஙா",
"acto ": "மூலக்குறைவு நீங்கும்."
},
{
"lingo ": "சா ",
"acto ": "தொண்டை வறண்டு தாகம் உண்டாகும்."
},
{
"lingo ": "ஞா ",
"acto ": "பயம் போக்கும்."
},
{
"lingo ": "டா",
"acto ": "தீய சக்தியை அழைத்தல்."
},
{
"lingo ": "ணா ",
"acto ": "பிரவந்த நிலை."
},
{
"lingo ": "தா ",
"acto ": "அணுக்கள் கூடி வளர்ச்சி அதிகமாகும்."
},
{
"lingo ": "நா ",
"acto ": "ஒழுங்கு தவறுதல்."
},
{
"lingo ": "பா ",
"acto ": "கிறுகிறுப்பு நீங்கும்."
},
{
"lingo ": "மா ",
"acto ": "குரல் வளம் பெருகும்."
},
{
"lingo ": "யா ",
"acto ": "இழப்பு சரிபடும்."
},
{
"lingo ": "ரா ",
"acto ": "குடலில் ஜீரண அமில நீர் சுரந்து பசி உண்டாகும்."
},
{
"lingo ": "வா ",
"acto ": "சூடு அதிகரிக்கும். சகுனி போல் ஆவான்."
},
{
"lingo ": "லா ",
"acto ": "பேதம் உண்டாகும். எனினும் விடை கிடைக்கும்."
},
{
"lingo ": "ளா ",
"acto ": "வீரியம் உண்டாகும்."
},
{
"lingo ": "ழா ",
"acto ": "மலட்டுத்தன்மை. உயிர் அணுக்கள் குறையும். விந்துப்பை அடைபடும்."
},
{
"lingo ": "றா ",
"acto ": "பாதம் புலப்படும்."
},
{
"lingo ": "னா ",
"acto ": "நற்காரியம் செய்வான்."
}
]
}
-------------------------------
please