Re: call function on object jquery

Js29 · ‎02-21-2018

Hi,

I am struggling to get a jquery scrip working.
I see my custom visual has the right div and structure.
I added the following to get jquery to work in an external js:
var jQuery = typeof jQuery !== 'undefined'
? jQuery
: window['$'];

now I need to call a function something like :
<script type="text/javascript">
$('#mycontainer').myinit();
</script>

I could not find anything similar working in github and I am really struggling I get different kind of errors based on how/where I try to call this.

any tip please let me know

thanks

v-viig · ‎02-21-2018

Hi @Js29,

jQuery works fine in most of cases.

What errors did you get? Can you share the source code for deeper understanding?

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Js29 · ‎02-22-2018

Thanks, sent you link in private message.

high level for everybody. as a test, I have the following in an external js which I expect to kick off once document is ready

(function($) {
  console.log( "ready call flip!" );
  $("#card").flip();
}(jQuery));

and my constructor just has

this.host = options.host;
let cont=$('<div/>')
.addClass('ca-container').attr('id','card');
let c1= $('<div/>');
c1.addClass('front');
    c1.html(' TOTOTOTOTOTOTO');
cont.append(c1);
let c2= $('<div/>');
c2.addClass('back');
    c2.html(' _______________________');
cont.append(c2);
this.mycanvas = cont;