Category / Section
jQuery conflict issue in embedding
Published:
Bold BI Embedded has a known issue when the jQuery version reference is greater than the recommended version (v1.10.2). This can be resolved by using the jQuery.noConflict() function to render the dashboard with jQuery v1.10.2.
Follow these steps to resolve the jQuery conflict issue
You must use the jQuery.noConflict function in your embedded application instead of the default reference mentioned in our Bold BI help documentation.
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!--jQuery version recommended for Bold BI-->
<script type="text/javascript">window.bb$ = jQuery.noConflict();</script>
<script>
bb$(document).ready(function () {
bb$.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js');
});
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.0-beta/jsrender.min.js"></script>
<script type="text/javascript" src="https://cdn.boldbi.com/embedded-sdk/v4.1.36/embed-js.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!--3.6.0 version of jQuery -->
<script type="text/javascript"> bb$.easing = $.easing = jQuery.easing </script>
</head>
NG
