Jquery does not listen to events in TypescriptIs there an “exists” function for jQuery?Add table row in jQueryHow do I check if an element is hidden in jQuery?Setting “checked” for a checkbox with jQuery?How to check whether a checkbox is checked in jQuery?Disable/enable an input with jQuery?How can I refresh a page with jQuery?jQuery scroll to elementWhat is TypeScript and why would I use it in place of JavaScript?“Thinking in AngularJS” if I have a jQuery background?

Does every chapter have to "blow the reader away" so to speak?

Can an escape pod land on Earth from orbit and not be immediately detected?

How can religions without a hell discourage evil-doing?

Dedicated bike GPS computer over smartphone

Why do the “Shtei HaLechem” not play a prominent part in the davenning for Shavuos?

Print "N NE E SE S SW W NW"

Why is C++ template use not recommended in space/radiated environment?

Fastest way from 10 to 1 with everyone in between

Has JSON.serialize suppressApexObjectNulls ever worked?

What does the "titan" monster tag mean?

What is the color associated with lukewarm?

Why did the Death Eaters wait to reopen the Chamber of Secrets?

Harley Davidson clattering noise from engine, backfire and failure to start

Is it a good security practice to force employees hide their employer to avoid being targeted?

Why is it bad to use your whole foot in rock climbing

Short story about psychologist analyzing demon

Boss making me feel guilty for leaving the company at the end of my internship

Was the Lonely Mountain, where Smaug lived, a volcano?

Why would a home insurer offer a discount based on credit score?

usage of mir gefallen

How can I find out about the game world without meta-influencing it?

Can Mage Hand be used to indirectly trigger an attack?

Optimising matrix generation time

Why not make one big cpu core?



Jquery does not listen to events in Typescript


Is there an “exists” function for jQuery?Add table row in jQueryHow do I check if an element is hidden in jQuery?Setting “checked” for a checkbox with jQuery?How to check whether a checkbox is checked in jQuery?Disable/enable an input with jQuery?How can I refresh a page with jQuery?jQuery scroll to elementWhat is TypeScript and why would I use it in place of JavaScript?“Thinking in AngularJS” if I have a jQuery background?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I'm trying to capture the event of opening and closing the bootstrap accordion, but with the typescript the events are not "listened to", but with JS it works fine!



ERROR:



 module "c:/Users/THIAGOSAAD/Documents/DEVELOPMENT/NEORIS/ALIANSCE/appcomercial/build/typescript/types/jquery"
This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)


JQUERY TYPES



export = jquery;
declare function jquery(w: any): any;


CLASS



import * as $ from '../types/jquery';

export class BootstrapAccordionController
private readonly _iconStateContainer: HTMLElement;

public constructor(private readonly _accordionID: string, public readonly iconStateContainerID: string)
this._iconStateContainer = document.getElementById(iconStateContainerID);


public init(): void
try
this.changeIconState();
catch (error)
console.error(error);



private changeIconState(): void
$(`#$this._accordionID`).on('shown.bs.collapse', () => this.createIconState('shown.bs.collapse'));
$(`#$this._accordionID`).on('hidden.bs.collapse', () => this.createIconState('hidden.bs.collapse'));


private createIconState(_stateType: string): void
switch(_stateType)
case 'shown.bs.collapse':
this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-up align-middle"></i></h3>`
break;
case 'hidden.bs.collapse':
this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-down align-middle"></i></h3>`
break;












share|improve this question




























    0















    I'm trying to capture the event of opening and closing the bootstrap accordion, but with the typescript the events are not "listened to", but with JS it works fine!



    ERROR:



     module "c:/Users/THIAGOSAAD/Documents/DEVELOPMENT/NEORIS/ALIANSCE/appcomercial/build/typescript/types/jquery"
    This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)


    JQUERY TYPES



    export = jquery;
    declare function jquery(w: any): any;


    CLASS



    import * as $ from '../types/jquery';

    export class BootstrapAccordionController
    private readonly _iconStateContainer: HTMLElement;

    public constructor(private readonly _accordionID: string, public readonly iconStateContainerID: string)
    this._iconStateContainer = document.getElementById(iconStateContainerID);


    public init(): void
    try
    this.changeIconState();
    catch (error)
    console.error(error);



    private changeIconState(): void
    $(`#$this._accordionID`).on('shown.bs.collapse', () => this.createIconState('shown.bs.collapse'));
    $(`#$this._accordionID`).on('hidden.bs.collapse', () => this.createIconState('hidden.bs.collapse'));


    private createIconState(_stateType: string): void
    switch(_stateType)
    case 'shown.bs.collapse':
    this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-up align-middle"></i></h3>`
    break;
    case 'hidden.bs.collapse':
    this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-down align-middle"></i></h3>`
    break;












    share|improve this question
























      0












      0








      0








      I'm trying to capture the event of opening and closing the bootstrap accordion, but with the typescript the events are not "listened to", but with JS it works fine!



      ERROR:



       module "c:/Users/THIAGOSAAD/Documents/DEVELOPMENT/NEORIS/ALIANSCE/appcomercial/build/typescript/types/jquery"
      This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)


      JQUERY TYPES



      export = jquery;
      declare function jquery(w: any): any;


      CLASS



      import * as $ from '../types/jquery';

      export class BootstrapAccordionController
      private readonly _iconStateContainer: HTMLElement;

      public constructor(private readonly _accordionID: string, public readonly iconStateContainerID: string)
      this._iconStateContainer = document.getElementById(iconStateContainerID);


      public init(): void
      try
      this.changeIconState();
      catch (error)
      console.error(error);



      private changeIconState(): void
      $(`#$this._accordionID`).on('shown.bs.collapse', () => this.createIconState('shown.bs.collapse'));
      $(`#$this._accordionID`).on('hidden.bs.collapse', () => this.createIconState('hidden.bs.collapse'));


      private createIconState(_stateType: string): void
      switch(_stateType)
      case 'shown.bs.collapse':
      this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-up align-middle"></i></h3>`
      break;
      case 'hidden.bs.collapse':
      this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-down align-middle"></i></h3>`
      break;












      share|improve this question














      I'm trying to capture the event of opening and closing the bootstrap accordion, but with the typescript the events are not "listened to", but with JS it works fine!



      ERROR:



       module "c:/Users/THIAGOSAAD/Documents/DEVELOPMENT/NEORIS/ALIANSCE/appcomercial/build/typescript/types/jquery"
      This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)


      JQUERY TYPES



      export = jquery;
      declare function jquery(w: any): any;


      CLASS



      import * as $ from '../types/jquery';

      export class BootstrapAccordionController
      private readonly _iconStateContainer: HTMLElement;

      public constructor(private readonly _accordionID: string, public readonly iconStateContainerID: string)
      this._iconStateContainer = document.getElementById(iconStateContainerID);


      public init(): void
      try
      this.changeIconState();
      catch (error)
      console.error(error);



      private changeIconState(): void
      $(`#$this._accordionID`).on('shown.bs.collapse', () => this.createIconState('shown.bs.collapse'));
      $(`#$this._accordionID`).on('hidden.bs.collapse', () => this.createIconState('hidden.bs.collapse'));


      private createIconState(_stateType: string): void
      switch(_stateType)
      case 'shown.bs.collapse':
      this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-up align-middle"></i></h3>`
      break;
      case 'hidden.bs.collapse':
      this._iconStateContainer.innerHTML = `<h3 data-name="accordion-collapse-icon"><i class="fas fa-angle-down align-middle"></i></h3>`
      break;









      jquery typescript






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 25 at 0:58







      user9632680





























          1 Answer
          1






          active

          oldest

          votes


















          0















          This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)




          Set esModuleInterop to true. This will in turn also switch on synthetic default imports.






          share|improve this answer























            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55330063%2fjquery-does-not-listen-to-events-in-typescript%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown
























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0















            This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)




            Set esModuleInterop to true. This will in turn also switch on synthetic default imports.






            share|improve this answer



























              0















              This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)




              Set esModuleInterop to true. This will in turn also switch on synthetic default imports.






              share|improve this answer

























                0












                0








                0








                This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)




                Set esModuleInterop to true. This will in turn also switch on synthetic default imports.






                share|improve this answer














                This module can only be referenced with ECMAScript imports/exports by turning on the 'allowSyntheticDefaultImports' flag and referencing its default export.ts(2497)




                Set esModuleInterop to true. This will in turn also switch on synthetic default imports.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Mar 25 at 2:02









                basaratbasarat

                147k28275382




                147k28275382





























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55330063%2fjquery-does-not-listen-to-events-in-typescript%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

                    용인 삼성생명 블루밍스 목차 통계 역대 감독 선수단 응원단 경기장 같이 보기 외부 링크 둘러보기 메뉴samsungblueminx.comeh선수 명단용인 삼성생명 블루밍스용인 삼성생명 블루밍스ehsamsungblueminx.comeheheheh

                    155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해