jQuery Slide Panel Drag to Open function with mmenu plugin - javascript

I am working on a side project and I am trying to make a touch function to open the side panel on iPhone and Tablet. I am struggling really bad with this. I have tried a different file order in header. But it still doesn't work. I am no jQuery expert yet. If someone could tell me why my touch function doesn't work.
http://codepen.io/anon/pen/IBrcC
Any help is appreciated!
Edit!
Problem solved I tried go back some version of menu, and it seems to be a bug in 4.1.3 Version.

Related

owl.carousel responsive error in mobile view after hard refreshing site

I am working on a site which is (http://www.echo-group.com.au/), in home page right after slider there is Carousel of three inf boxes and in mobile view (developer mode) after hard refresh or viewing link in actual mobile device it shows disturbed view it suppose to show one column instead of 3 at once.
I tried to update owl.carousel JS and CSS files but error is still there i am stuck here need guidance kindly help me out it will be a big help thanks!!!
Kindly see these screenshot for further understanding the Error
ErrorScreenshot
how its need to be
In your theme.js file, in FUNCTION CALLING section, use revolutionSliderActiver() above services_carousel(). Hope this will resolve your issue.

Bootstrap Datetimepicker not working in Safari

I'm using eonasdan's bootstrap datetimepicker plugin for my website. My website is running in ASP.NET MVC 5, it has jQuery 1.10.2, bootstrap 3.3.6, requirejs and several other plugins. The problem I'm having is that the datetimepicker is not working properly in Safari (iphone, ipad). When I click the textbox the calendar will appear but when I click on a date it will close the calendar and won't select the date or enter it in the textbox. Its as if the area is not clickable by the touch event. I tried running the plugin in a separate application and its running fine, but for some reason it doesn't work in this website. I tried upgrading to jQuery 2 and got the same result. It doesn't throw any error or logs anything either so i have no clue whats going on. Can someone please give me some advice on how to fix this.
Here is a screenshot of the calendar:
Ok I finally figured out what was the issue. The project was referencing fastclick.js and attaching it to the DOM. This was causing erratic behavior in touch events. As soon as I got rid of fastclick everything started working nicely. So be careful when using fastclick.js since it's not very reliable.

Open keyboard android, hidden content phonegap

I have problem when i open keyboard from android.
I am using phonegap to make a mobile application, It works well, but when i press a text box and open the keyboard, later when i close the keyboard leave blank the same size keyboard.
I 've looked everywhere and can not find the solution
Please help me!!!
attached screenshots
Thanks
After 2 years I answer the question ... A little late. Suddenly it can be useful for someone.
I never found the reason why this happened. The only solution was to recreate a project from scratch, and pass the content that it had to the new project. I configured everything and it worked without problems.
I also installed crosswalk, I could have influenced the solution the problem.

cordova app to wp8 window.location not working windows phone

I have created an app with jquery mobile and html5. I created a wp8 package using cordova for the same and have openend the solution with visual studio. The issue I am facing is that the window.location is not working. I have given
window.location.href='home.html#basic' making it redirect to a particular div. I also tried window.location.replace. Using show and hide dive makes the functionality work but many css issues are coming when i use div show and hide. I have gone through many previous questions but still not found any solution. Please help.
Hi all it worked i changed it to $.mobile.changePage('#basic'); and it worked

Jquery accordion working fine locally but not online

Hi I have a responsive website http://netzed.ca/unit.html which has textual information on the mobile version of it. the accordions work perfectly fine on system locally but when I upload the files on the server they dont.
Resize the window below 760px and you can see the layout. The features with the + sign in front of them are suppose to act like accordions
Any help is appreciated. If you need more info please let me know. thanks

Categories