topic how to add jQuery and bootstrap javascript? in Developer

how to add jQuery and bootstrap javascript?

Muesli — Fri, 01 Dec 2017 14:25:31 GMT

Hello,

i want to create some buttons and a dropdown menu with bootstrap and jquery, but how can i add them to my visual?

cause when add the files to my pbiviz file and run the code, i am getting a bootstrap error that jQuery wasnt found

"Uncaught Error: Bootstrap's JavaScript requires jQuery"

my pbiviz looks like this:

  "externalJS": [
    "node_modules/jquery/dist/jquery.min.js",
    "src/source/bootstrap.min.js",

my tsconfig like this:

 "files": [
    ".api/v1.8.0/PowerBI-visuals.d.ts",
    "node_modules/@types/jquery/index.d.ts",
    "node_modules/powerbi-visuals-utils-dataviewutils/lib/index.d.ts",
    "src/settings.ts",
    "src/visual.ts",
    "src/javascript.js"

how can get it running?

Re: how to add jQuery and bootstrap javascript?

v-chuncz-msft — Mon, 04 Dec 2017 08:14:50 GMT

Muesli,

You may check the solution below.

https://community.powerbi.com/t5/Developer/Custom-visual-jquery-and-other-js/td-p/155443

Re: how to add jQuery and bootstrap javascript?

Muesli — Mon, 04 Dec 2017 09:39:58 GMT

thanks but this didnt work for me. i still got a error after doing that.

I got it working with installing jquery with "typings install --save --global jquery" instead of "npm install @types/jquery@2.0.46 --save"

i just needed to referrenc the .d.ts file inside typings and i got it working.