Div tag not showing data without an alert - Please help
Hi
I cannot display data in a div from external files using jquery without an alert. Can anyone help me?
<!DOCTYPE html>
<html>
<head>
<title>Open external file using jQuery</title>
<script src="
http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#readFile").click(function() {
var mVersion = 107;
var mLatestVersion = 111;
var mHTMLContent = "";
var mdir = "html/v4/";
var mfileextension = ".html";
while (mVersion < mLatestVersion) {
var mfile = mdir + mVersion + mfileextension;
//alert(mfile);
$.get(mfile, function(data) {
mHTMLContent += data;
}, 'text');
mVersion += 1;
}
alert("Click OK to view the features");
$("#result1").html(mHTMLContent);
});
});
</script>
</head>
<body>
<button id="readFile">Read File</button>
<div id="result1"></div>
</body>
</html>