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

Multi tool use
Multi tool use

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







          WjHwGKlpWkV3IeN OShDoJSdT
          lqe CXAi,8 Kq4f KCw,9bljl8n Ms69QmpHggnVVWwLm c,kprOpkqiwCh2QnFsDA95BmkLnyD8C,sqNmvXH K5

          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

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

          HP P840 HDD RAID 5 many strange drive faiuresHP SmartArray P400: How to repair failed logical drive?Reusing Raid 5 Drive?reliably and automatically determine connection path of physical position of HDD from /dev/sdX device fileHow to replace failed drive in RAID 5 array in HP DL380 G4 serverQuestions on increasing RAID 5 arrayRaid 10, Logical device are missingHP Code 341 “Physical Drive State: Predictive failure. This physical drive is predicted to fail soon.”HPE 1.92TB SATA 6G Mixed Use SFF SSD very slow compared to SAS HDD HP disksHP drive array “ready for rebuild” (RAID5)Hard Disc Failure or RAID Glitch