Magento-2 jquery widget timing issue The 2019 Stack Overflow Developer Survey Results Are InJquery Conflict Issue Magento 1.9magento jquery issue how to fixIssue with jQuery usage in Magento 2jquery issue in custom module magento 2Add animation to product tabs (or any jquery widget)Continuing jQuery conflicts$.widget is not a function jquery error in magento 2Initialise a Jquery Widget on Demand with Jqueryjquery issue when page loadsJquery function call issue Magento 2

Are there any other methods to apply to solving simultaneous equations?

What is the steepest angle that a canal can be traversable without locks?

Inversion Puzzle

Does light intensity oscillate really fast since it is a wave?

Could JWST stay at L2 "forever"?

What does "sndry explns" mean in one of the Hitchhiker's guide books?

What can other administrators access on my machine?

What do hard-Brexiteers want with respect to the Irish border?

Is three citations per paragraph excessive for undergraduate research paper?

"To split hairs" vs "To be pedantic"

Why is the maximum length of OpenWrt’s root password 8 characters?

Can't find the latex code for the ⍎ (down tack jot) symbol

Carnot-Caratheodory metric

Why do UK politicians seemingly ignore opinion polls on Brexit?

Landlord wants to switch my lease to a "Land contract" to "get back at the city"

How come people say “Would of”?

The difference between dialogue marks

I see my dog run

If the Wish spell is used to duplicate the effect of Simulacrum, are existing duplicates destroyed?

What is the meaning of Triage in Cybersec world?

Understanding the implication of what "well-defined" means for the operation in quotient group

Does it makes sense to buy a new cycle to learn riding?

A poker game description that does not feel gimmicky

Is "plugging out" electronic devices an American expression?



Magento-2 jquery widget timing issue



The 2019 Stack Overflow Developer Survey Results Are InJquery Conflict Issue Magento 1.9magento jquery issue how to fixIssue with jQuery usage in Magento 2jquery issue in custom module magento 2Add animation to product tabs (or any jquery widget)Continuing jQuery conflicts$.widget is not a function jquery error in magento 2Initialise a Jquery Widget on Demand with Jqueryjquery issue when page loadsJquery function call issue Magento 2



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















I recently started using jquery widgets in magento and come to know that magento extends jquery-ui widgets through the use of widget factory and customises them according to need and then again return them.



So far according to theory all looks good but as soon as I started using them, I found little timing issue in collapsible widget.



I am trying to use collapsible widget of magento inside one of my cms-block through data-mage-init. Here is how my structure looks.



<div class="top-header-link" data-mage-init='"collapsible":"animate": "duration": 500, "easing": "easeOutCubic" '>
<div class="trigger-top" data-role="title">Trigger element</div>
<div class="top-menu" data-role="content">
This is the element that should be collapsed and expanded.
</div>
</div>


Now when I cleared the cache and then reload the frontend, I noticed the element with attribute data-role="content" remains open by default and hides after whole page completes loading which is not very good user experience at all.



Now my question is how to solve this timing issue despite using magento jquery widget with proper way?



Should we use our custom jquery despite having collapsible widget?



Thanks in advance.









share




























    0















    I recently started using jquery widgets in magento and come to know that magento extends jquery-ui widgets through the use of widget factory and customises them according to need and then again return them.



    So far according to theory all looks good but as soon as I started using them, I found little timing issue in collapsible widget.



    I am trying to use collapsible widget of magento inside one of my cms-block through data-mage-init. Here is how my structure looks.



    <div class="top-header-link" data-mage-init='"collapsible":"animate": "duration": 500, "easing": "easeOutCubic" '>
    <div class="trigger-top" data-role="title">Trigger element</div>
    <div class="top-menu" data-role="content">
    This is the element that should be collapsed and expanded.
    </div>
    </div>


    Now when I cleared the cache and then reload the frontend, I noticed the element with attribute data-role="content" remains open by default and hides after whole page completes loading which is not very good user experience at all.



    Now my question is how to solve this timing issue despite using magento jquery widget with proper way?



    Should we use our custom jquery despite having collapsible widget?



    Thanks in advance.









    share
























      0












      0








      0








      I recently started using jquery widgets in magento and come to know that magento extends jquery-ui widgets through the use of widget factory and customises them according to need and then again return them.



      So far according to theory all looks good but as soon as I started using them, I found little timing issue in collapsible widget.



      I am trying to use collapsible widget of magento inside one of my cms-block through data-mage-init. Here is how my structure looks.



      <div class="top-header-link" data-mage-init='"collapsible":"animate": "duration": 500, "easing": "easeOutCubic" '>
      <div class="trigger-top" data-role="title">Trigger element</div>
      <div class="top-menu" data-role="content">
      This is the element that should be collapsed and expanded.
      </div>
      </div>


      Now when I cleared the cache and then reload the frontend, I noticed the element with attribute data-role="content" remains open by default and hides after whole page completes loading which is not very good user experience at all.



      Now my question is how to solve this timing issue despite using magento jquery widget with proper way?



      Should we use our custom jquery despite having collapsible widget?



      Thanks in advance.









      share














      I recently started using jquery widgets in magento and come to know that magento extends jquery-ui widgets through the use of widget factory and customises them according to need and then again return them.



      So far according to theory all looks good but as soon as I started using them, I found little timing issue in collapsible widget.



      I am trying to use collapsible widget of magento inside one of my cms-block through data-mage-init. Here is how my structure looks.



      <div class="top-header-link" data-mage-init='"collapsible":"animate": "duration": 500, "easing": "easeOutCubic" '>
      <div class="trigger-top" data-role="title">Trigger element</div>
      <div class="top-menu" data-role="content">
      This is the element that should be collapsed and expanded.
      </div>
      </div>


      Now when I cleared the cache and then reload the frontend, I noticed the element with attribute data-role="content" remains open by default and hides after whole page completes loading which is not very good user experience at all.



      Now my question is how to solve this timing issue despite using magento jquery widget with proper way?



      Should we use our custom jquery despite having collapsible widget?



      Thanks in advance.







      magento2 frontend jquery





      share












      share










      share



      share










      asked 3 mins ago









      Shashank BhattShashank Bhatt

      3318




      3318




















          0






          active

          oldest

          votes












          Your Answer








          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "479"
          ;
          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: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          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%2fmagento.stackexchange.com%2fquestions%2f269448%2fmagento-2-jquery-widget-timing-issue%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Magento Stack Exchange!


          • 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%2fmagento.stackexchange.com%2fquestions%2f269448%2fmagento-2-jquery-widget-timing-issue%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

          Disable / Remove link to Product Items in Cart Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How can I limit products that can be bought / added to cart?Remove item from cartHide “Add to Cart” button if specific products are already in cart“Prettifying” the custom options in cart pageCreate link in cart sidebar to view all added items After limit reachedLink products together in checkout/cartHow to Get product from cart and add it againHide action-edit on cart page if simple productRemoving Cart items - ObserverRemove wishlist items when added to cart

          Helsingin valtaus Sisällysluettelo Taustaa | Yleistä sotatoimista | Osapuolet | Taistelut Helsingin ympäristössä | Punaisten antautumissuunnitelma | Taistelujen kulku Helsingissä | Valtauksen jälkeen | Tappiot | Muistaminen | Kirjallisuutta | Lähteet | Aiheesta muualla | NavigointivalikkoTeoksen verkkoversioTeoksen verkkoversioGoogle BooksSisällissota Helsingissä päättyi tasan 95 vuotta sittenSaksalaisten ylivoima jyräsi punaisen HelsinginSuomalaiset kuvaavat sotien jälkiä kaupungeissa – katso kuvat ja tarinat tutuilta kulmiltaHelsingin valtaus 90 vuotta sittenSaksalaiset valtasivat HelsinginHyökkäys HelsinkiinHelsingin valtaus 12.–13.4. 1918Saksalaiset käyttivät ihmiskilpiä Helsingin valtauksessa 1918Teoksen verkkoversioTeoksen verkkoversioSaksalaiset hyökkäävät Etelä-SuomeenTaistelut LeppävaarassaSotilaat ja taistelutLeppävaara 1918 huhtikuussa. KapinatarinaHelsingin taistelut 1918Saksalaisten voitonparaati HelsingissäHelsingin valtausta juhlittiinSaksalaisten Helsinki vuonna 1918Helsingin taistelussa kaatuneet valkokaartilaisetHelsinkiin haudatut taisteluissa kaatuneet punaiset12.4.1918 Helsingin valtauksessa saksalaiset apujoukot vapauttavat kaupunginVapaussodan muistomerkkejä Helsingissä ja pääkaupunkiseudullaCrescendo / Vuoden 1918 Kansalaissodan uhrien muistomerkkim

          Adjektiivitarina Tarinan tekeminen | Esimerkki: ennen | Esimerkki: jälkeen | Navigointivalikko