Jquery swipe left or right on mobile

I want to swipe left or right using jquery mobile. When I click the swipe left it opens the drawer and on right it closes the drawer. Currently I press the upper button and menu function is used to open menu I want to do it by using swipe function in jquery. Please help

Html Divs:

<div class="DinM-navbar-header ">
        <img src="" data-target=".DinM-navbar-collapse" data-toggle="collapse" class="DinM-navbar-toggle" alt="menu-icon" />
    </div>
    <div class="">
        <%=HTML %>
    </div>

Javascript function:

 function ShowMenu() {
            var mainmenu = $(".DinM-main-menu");
            if (($(window).width() <= 991 && mainmenu.parent().attr('id') != "mobile")) {
                $("#main-wrapper").animate({
                    left: "0px"
                });
                $("#mobile").html(mainmenu.clone());
                $(".DinM-main-menu", $(".DinM-top-menu")).remove();
                $(".DinM-main-menu").css("z-index", "-1").hide();
                $("#main-wrapper").css("min-height", $(".DinM-main-menu").height());
            } else if ($(window).width() > 992 && mainmenu.parent().attr('id') == "mobile") {
                mainmenu.insertAfter($(".DinM-navbar-header "));
                mainmenu.show();
                $("#mobile").html('');
            }

 $(document).ready(function () {
        $("body").wrapInner("<div id='main-wrapper' class='content-left' ></div>").append("<div id='mobile' ></div>");
        $(".DinM-main-menu").removeClass('DinM-hide');
        ShowMenu();
    });

Related Posts:

  1. How to properly use jsPDF library
  2. How do I check whether a checkbox is checked in jQuery?
  3. ReferenceError: $ is not defined
  4. How do I check whether a checkbox is checked in jQuery?
  5. jQuery document.createElement equivalent?
  6. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  7. How can I scroll to an element using jQuery?
  8. jQuery.click() vs onClick
  9. jQuery Get Selected Option From Dropdown
  10. Check if checkbox is checked with jQuery
  11. How to add jQuery code into HTML Page
  12. How can I get the data-id attribute?
  13. Check if checkbox is checked with jQuery
  14. Bootstrap Dropdown menu is not working
  15. jquery SlideToggle effect in upward direction?
  16. Change Background color (css property) using Jquery
  17. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  18. Get class name using jQuery
  19. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  20. Set timeout for ajax (jQuery)
  21. Use images like checkboxes
  22. How to read xml file contents in jQuery and display in html elements?
  23. How to move an element into another element?
  24. Create table with jQuery – append
  25. How to convert selected HTML to Json?
  26. How to Open New window on every Click
  27. Uncaught TypeError: Cannot read property ‘top’ of undefined
  28. How can I select an element by name with jQuery?
  29. jQuery disable/enable submit button
  30. Play an audio file using jQuery when a button is clicked
  31. How to move an element after another element using JS or jquery?
  32. Why is the jquery script not working?
  33. document.getElementsByClassName().innerHTML always returns “undefined”
  34. Jquery button click() function is not working
  35. HTML text input allow only numeric input
  36. Refresh/reload the content in Div using jquery/ajax
  38. How do I check whether a checkbox is checked in jQuery?
  39. Print the contents of a DIV
  40. Embedding instagram webpage inside an iframe
  41. How to get height of div in px dimension
  42. Set value to currency in
  43. jQuery: Uncaught Error: Syntax error, unrecognized expression
  44. Creating a div element in jQuery
  45. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  46. How to use in jQuery :not and hasClass() to get a specific element without a class
  47. HTML Entity Decode
  48. How to display raw JSON data on a HTML page
  49. Clearing my form inputs after submission
  50. Get class list for element with jQuery
  51. Reload an iframe with jQuery
  52. How to scroll an HTML page to a given anchor
  53. Highlight a word with jQuery
  54. How do I refresh a DIV content?
  55. Why is jquery show() not working in example
  56. How can I use jQuery to run MySQL queries?
  57. jQuery sort elements using data id
  58. jQuery scrollTop() method not working
  59. FormData append not working
  60. getContext is not a function
  61. How to change the text of a label?
  62. Print a div content using Jquery
  63. Get the size of the screen, current web page and browser window
  64. Using “&times” word in html changes to ×
  65. Closing Bootstrap modal onclick
  66. Fire oninput event with jQuery
  67. Fully responsive HTML5 video
  68. Changing the selected option of an HTML Select element
  69. HTML anchor link – href and onclick both?
  70. How can I know which radio button is selected via jQuery?
  71. How to scroll to top of page with JavaScript/jQuery?
  72. How to use aria-expanded=”true” to change a css property
  73. How to set “style=display:none;” using jQuery’s attr method?
  74. Adding JavaScript to a WordPress website
  75. Putting custom html/js page into Elementor as it’s own block
  76. internal anchor links no longer working after upgrade
  77. How to run Javascript popup modal in a loop?
  78. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  79. Styling parent based on a child element of a child in a WordPress page
  80. Failed to load resource: the server responded with a status of 404 (Not Found)
  81. How to deal with net::ERR_SSL_PROTOCOL_ERROR?
  82. Angular: mat-form-field must contain a MatFormFieldControl
  83. What does on() in JavaScript do?
  84. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  85. How do I scroll to an element using JavaScript?
  86. Jquery Ajax Call, doesn’t call Success or Error
  87. How to create a stopwatch using JavaScript?
  88. Javascript/Jquery Convert string to array
  89. Do something if screen width is less than 960 px
  90. Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined
  91. why angularjs ng-repeat not working
  92. jQuery remove options from select
  93. Error: TypeError: $(…).dialog is not a function
  94. Calling a JavaScript function in another js file
  95. JavaScript code not running in HTML5 document
  96. How to dequeue a script?
  97. List of JS Events for Widgets?
  98. Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
  99. Add other class content with reference class value
  100. Uncaught ReferenceError: tippy is not defined

Leave a Comment