I have a very weird issue that is occurring with jquery code that I put in a Script Editor web part. In IE 9 and below the code does not seem to run if you just open up the browser to the page that contains the webpart. If you then open up the IE developer
tools and then hit refresh the code runs and executes perfectly. And when I say code doesn't run I mean nothing at all shows in the web part just the title of the Script Editor and that's it.
No issues at all when run in Chrome and Firefox. The whole thing with the developer tools part is just blowing my mind I don't get why it will run when you have open that but won't run when you haven't opened them. Any help would be appreciated.
<div id="leaveBalance"></div>
<script type="text/javascript">
(function () {
jQuery(function ($) {
$.ajax({
dataType: "json",
timeout: 3500,
cache: false,
url: "GetLeave.aspx"
}).done(function (data) {
processData(data);
}).fail(function () {
failedLoad();
});
});
function processData(data) {
var testing = "testing";
var sickLeave = data.U_ALT_JSON_DATA.U_ALT_RESP[0];
var annualLeave = data.U_ALT_JSON_DATA.U_ALT_RESP[1];
var leaveTable = $('<table>').append(
$('<tr>').append(
$("<th colspan='2'>").text("Annual Leave")
),
$('<tr>').append(
$("<td>").html("Hours Balance <i>(as of " + annualLeave.Resp_accrual_end_dt + "</i>)"),
$("<td>").text(annualLeave.Resp_hrs_bal)
),
$('<tr>').append(
$("<td>").text("Hours Adjusted"),
$("<td>").text(annualLeave.Resp_hrs_adj)
),
$('<tr>').append(
$("<td>").text("Hours Requested"),
$("<td>").text(annualLeave.Resp_hrs_req)
),
$('<tr>').append(
$("<td>").html("Hours Available <i>(as of " + annualLeave.Resp_accrual_end_dt + "</i>)"),
$("<td>").text(annualLeave.Resp_hrs_avail)
),
$('<tr>').append(
$("<th colspan='2'>").text("Sick Leave")
),
$('<tr>').append(
$("<td>").html("Hours Balance <i>(as of " + sickLeave.Resp_accrual_end_dt + "</i>)"),
$("<td>").text(sickLeave.Resp_hrs_bal)
),
$('<tr>').append(
$("<td>").text("Hours Adjusted"),
$("<td>").text(sickLeave.Resp_hrs_adj)
),
$('<tr>').append(
$("<td>").text("Hours Requested"),
$("<td>").text(sickLeave.Resp_hrs_req)
),
$('<tr>').append(
$("<td>").html("Hours Available <i>(as of " + sickLeave.Resp_accrual_end_dt + "</i>)"),
$("<td>").text(sickLeave.Resp_hrs_avail)
)
);
$("#leaveBalance").html(leaveTable);
}
function failedLoad() {
var testig = "testing";
$("#leaveBalance").html("There was an issue displaying your data.");
}
})();
</script>
- Edited by jlehmanusf Thursday, February 26, 2015 8:05 PM
Other recent topics
