How can initialize a function mobile only?Convert existing magento website compatible to mobileIcons mobile view RWD the,How to create a special website for mobile devices?Mobile first with MagentoMobile menu diagnosis?Menu contents not displaying on mobile on Main page onlyHow can I change the menu tab title? (mobile version)Magento 2 Add new field to Magento_User admin formHow can scroll screen to clicked div in mobile viewLogin form validation is working but other forms validation is not working

Can a tourist shoot a gun in the USA?

How much Replacement does this axiom provide?

Why does the headset man not get on the tractor?

Anabelian geometry ~ higher category theory

Why was Thor doubtful about his worthiness to Mjolnir?

How can a layman easily get the consensus view of what academia *thinks* about a subject?

When a land becomes a creature, is it untapped?

Where to find every-day healthy food near Heathrow Airport?

Effects of ~10atm pressure on engine design

Wireless headphones interfere with Wi-Fi signal on laptop

Jesus' words on the Jews

Missouri raptors have wild hairdos

Is there ever any indication in the MCU as to how Spider-Man got his powers?

Find hamming distance between two Strings of equal length in Java

Longest Text in Latin

How can I answer high-school writing prompts without sounding weird and fake?

What are the implications of the new alleged key recovery attack preprint on SIMON?

What kind of SATA connector is this?

what does a native speaker say when he wanted to leave his work?

Help in identifying a mystery wall socket

What information do scammers need to withdraw money from an account?

Area under the curve - Integrals (Antiderivatives)

Is there anything special about -1 (0xFFFFFFFF) regarding ADC?

Can I say: "When was your train leaving?" if the train leaves in the future?



How can initialize a function mobile only?


Convert existing magento website compatible to mobileIcons mobile view RWD the,How to create a special website for mobile devices?Mobile first with MagentoMobile menu diagnosis?Menu contents not displaying on mobile on Main page onlyHow can I change the menu tab title? (mobile version)Magento 2 Add new field to Magento_User admin formHow can scroll screen to clicked div in mobile viewLogin form validation is working but other forms validation is not working






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








0















CODE HTML:



<div id="element">
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 1</span>
</div>
</div>
<div data-role="content">Content 1</div>
</div>
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 2</span>
</div>
</div>
<div data-role="content">Content 2</div>
</div>
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 3</span>
</div>
</div>
<div data-role="content">Content 3</div>
</div>
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 4</span>
</div>
</div>
<div data-role="content">Content 4</div>
</div>
</div>


CODE JS:



require(['jquery','accordion'], function ($) 
$("#element").accordion(
"openedState": "active",
"collapsible": true,
"active": [0,1,2,3], /** Integrat Dynamic open tab */
"multipleCollapsible": true,
);
);


I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



How can I do this?










share|improve this question






























    0















    CODE HTML:



    <div id="element">
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 1</span>
    </div>
    </div>
    <div data-role="content">Content 1</div>
    </div>
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 2</span>
    </div>
    </div>
    <div data-role="content">Content 2</div>
    </div>
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 3</span>
    </div>
    </div>
    <div data-role="content">Content 3</div>
    </div>
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 4</span>
    </div>
    </div>
    <div data-role="content">Content 4</div>
    </div>
    </div>


    CODE JS:



    require(['jquery','accordion'], function ($) 
    $("#element").accordion(
    "openedState": "active",
    "collapsible": true,
    "active": [0,1,2,3], /** Integrat Dynamic open tab */
    "multipleCollapsible": true,
    );
    );


    I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



    How can I do this?










    share|improve this question


























      0












      0








      0








      CODE HTML:



      <div id="element">
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 1</span>
      </div>
      </div>
      <div data-role="content">Content 1</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 2</span>
      </div>
      </div>
      <div data-role="content">Content 2</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 3</span>
      </div>
      </div>
      <div data-role="content">Content 3</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 4</span>
      </div>
      </div>
      <div data-role="content">Content 4</div>
      </div>
      </div>


      CODE JS:



      require(['jquery','accordion'], function ($) 
      $("#element").accordion(
      "openedState": "active",
      "collapsible": true,
      "active": [0,1,2,3], /** Integrat Dynamic open tab */
      "multipleCollapsible": true,
      );
      );


      I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



      How can I do this?










      share|improve this question
















      CODE HTML:



      <div id="element">
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 1</span>
      </div>
      </div>
      <div data-role="content">Content 1</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 2</span>
      </div>
      </div>
      <div data-role="content">Content 2</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 3</span>
      </div>
      </div>
      <div data-role="content">Content 3</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 4</span>
      </div>
      </div>
      <div data-role="content">Content 4</div>
      </div>
      </div>


      CODE JS:



      require(['jquery','accordion'], function ($) 
      $("#element").accordion(
      "openedState": "active",
      "collapsible": true,
      "active": [0,1,2,3], /** Integrat Dynamic open tab */
      "multipleCollapsible": true,
      );
      );


      I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



      How can I do this?







      magento2 jquery html mobile






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Mar 29 at 4:53









      Teja Bhagavan Kollepara

      2,99442050




      2,99442050










      asked Sep 20 '17 at 8:07









      CristiCristi

      11




      11




















          1 Answer
          1






          active

          oldest

          votes


















          0














          Less then 640 width would be mobile you can check this below way



          require(['jquery','accordion'], function ($) 
          if ($(window).width() < 640)
          $("#element").accordion(
          "openedState": "active",
          "collapsible": true,
          "active": [0,1,2,3], /** Integrat Dynamic open tab */
          "multipleCollapsible": true,
          );

          );





          share|improve this answer























            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%2f193910%2fhow-can-initialize-a-function-mobile-only%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














            Less then 640 width would be mobile you can check this below way



            require(['jquery','accordion'], function ($) 
            if ($(window).width() < 640)
            $("#element").accordion(
            "openedState": "active",
            "collapsible": true,
            "active": [0,1,2,3], /** Integrat Dynamic open tab */
            "multipleCollapsible": true,
            );

            );





            share|improve this answer



























              0














              Less then 640 width would be mobile you can check this below way



              require(['jquery','accordion'], function ($) 
              if ($(window).width() < 640)
              $("#element").accordion(
              "openedState": "active",
              "collapsible": true,
              "active": [0,1,2,3], /** Integrat Dynamic open tab */
              "multipleCollapsible": true,
              );

              );





              share|improve this answer

























                0












                0








                0







                Less then 640 width would be mobile you can check this below way



                require(['jquery','accordion'], function ($) 
                if ($(window).width() < 640)
                $("#element").accordion(
                "openedState": "active",
                "collapsible": true,
                "active": [0,1,2,3], /** Integrat Dynamic open tab */
                "multipleCollapsible": true,
                );

                );





                share|improve this answer













                Less then 640 width would be mobile you can check this below way



                require(['jquery','accordion'], function ($) 
                if ($(window).width() < 640)
                $("#element").accordion(
                "openedState": "active",
                "collapsible": true,
                "active": [0,1,2,3], /** Integrat Dynamic open tab */
                "multipleCollapsible": true,
                );

                );






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Sep 20 '17 at 9:23









                Murtuza ZabuawalaMurtuza Zabuawala

                12.8k73363




                12.8k73363



























                    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%2f193910%2fhow-can-initialize-a-function-mobile-only%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

                    Get product attribute by attribute group code in magento 2get product attribute by product attribute group in magento 2Magento 2 Log Bundle Product Data in List Page?How to get all product attribute of a attribute group of Default attribute set?Magento 2.1 Create a filter in the product grid by new attributeMagento 2 : Get Product Attribute values By GroupMagento 2 How to get all existing values for one attributeMagento 2 get custom attribute of a single product inside a pluginMagento 2.3 How to get all the Multi Source Inventory (MSI) locations collection in custom module?Magento2: how to develop rest API to get new productsGet product attribute by attribute group code ( [attribute_group_code] ) in magento 2

                    Category:9 (number) SubcategoriesMedia in category "9 (number)"Navigation menuUpload mediaGND ID: 4485639-8Library of Congress authority ID: sh85091979ReasonatorScholiaStatistics

                    Magento 2.3: How do i solve this, Not registered handle, on custom form?How can i rewrite TierPrice Block in Magento2magento 2 captcha not rendering if I override layout xmlmain.CRITICAL: Plugin class doesn't existMagento 2 : Problem while adding custom button order view page?Magento 2.2.5: Overriding Admin Controller sales/orderMagento 2.2.5: Add, Update and Delete existing products Custom OptionsMagento 2.3 : File Upload issue in UI Component FormMagento2 Not registered handleHow to configured Form Builder Js in my custom magento 2.3.0 module?Magento 2.3. How to create image upload field in an admin form