How can initialize a function mobile only? The Next CEO of Stack OverflowConvert 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

Science fiction (dystopian) short story set after WWIII

India just shot down a satellite from the ground. At what altitude range is the resulting debris field?

How to Reset Passwords on Multiple Websites Easily?

Anatomically Correct Strange Women In Ponds Distributing Swords

How to use tikz in fbox?

If the heap is initialized for security, then why is the stack uninitialized?

WOW air has ceased operation, can I get my tickets refunded?

Why were Madagascar and New Zealand discovered so late?

How long to clear the 'suck zone' of a turbofan after start is initiated?

Opposite of a diet

Is a stroke of luck acceptable after a series of unfavorable events?

How do I get the green key off the shelf in the Dobby level of Lego Harry Potter 2?

Horror movie/show or scene where a horse creature opens its mouth really wide and devours a man in a stables

How to start emacs in "nothing" mode (`fundamental-mode`)

Grabbing quick drinks

Return the Closest Prime Number

How to be diplomatic in refusing to write code that breaches the privacy of our users

Is it safe to use c_str() on a temporary string?

Unreliable Magic - Is it worth it?

How to make a variable always equal to the result of some calculations?

Failed to fetch jessie backports repository

Why is there a PLL in CPU?

What is the point of a new vote on May's deal when the indicative votes suggest she will not win?

How to write the block matrix in LaTex?



How can initialize a function mobile only?



The Next CEO of Stack OverflowConvert 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










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 46 mins ago









      Teja Bhagavan Kollepara

      3,01241949




      3,01241949










      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.6k73362




                12.6k73362



























                    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

                    Can not update quote_id field of “quote_item” table magento 2Magento 2.1 - We can't remove the item. (Shopping Cart doesnt allow us to remove items before becomes empty)Add value for custom quote item attribute using REST apiREST API endpoint v1/carts/cartId/items always returns error messageCorrect way to save entries to databaseHow to remove all associated quote objects of a customer completelyMagento 2 - Save value from custom input field to quote_itemGet quote_item data using quote id and product id filter in Magento 2How to set additional data to quote_item table from controller in Magento 2?What is the purpose of additional_data column in quote_item table in magento2Set Custom Price to Quote item magento2 from controller

                    Nissan Patrol Зміст Перше покоління — 4W60 (1951-1960) | Друге покоління — 60 series (1960-1980) | Третє покоління (1980–2002) | Четверте покоління — Y60 (1987–1998) | П'яте покоління — Y61 (1997–2013) | Шосте покоління — Y62 (2010- ) | Посилання | Зноски | Навігаційне менюОфіційний український сайтТест-драйв Nissan Patrol 2010 7-го поколінняNissan PatrolКак мы тестировали Nissan Patrol 2016рвиправивши або дописавши її

                    Best approach to update all entries in a list that is paginated?Best way to add items to a paginated listChoose Your Country: Best Usability approachUpdate list when a user is viewing the list without annoying themWhen would the best day to update your webpage be?What should happen when I add a Row to a paginated, sorted listShould I adopt infinite scrolling or classical pagination?How to show user that page objects automatically updateWhat is the best location to locate the comments section in a list pageBest way to combine filtering and selecting items in a listWhen one of two inputs must be updated to satisfy a consistency criteria, which should you update (if at all)?