Currently facing an issue with a project I am working on. The previous programmer used jquery 1.4.4, and I have updated it to 1.10.2 due to the designer using Bootstrap.
However, after running it in version 1.10.2, one of the objects that was functional in 1.4.4 is not appearing anymore.
This is the script causing the problem in 1.10.2: var interests = new Array();
$(document).ready(function () {
InitInterestPreferencesDialogs();
$(".Interest").live('click', function () {
$(".SelectedInterest").removeClass("SelectedInterest");
AddInterest(this.id);
});
jQuery.ajax({ type: "POST",
url: "/Bubble/MyInterests",
dataType: "json",
traditional: true,
success: function (data) {
$("#interestContainer").empty();
$("#interestTemplate").render(data).appendTo("#interestContainer");
RefreshPage();
}
});
});
<div id="interestouter">
<div id="interestContainer"></div>
</div>
<script id="interestTemplate" type="text/html">
<div id="{{= Id}}" icon="{{= Icon}}" class="{{= CssClass}}">
<div class="interesticon {{= Icon}}" title="{{= Name}}">
</div>
{{= Name}}
</div>
</script>
Seeking assistance to identify the root cause of my issue. The only change made is upgrading from jquery version 1.4.4 to 1.10.2