Twitter Bootstrap Button / Tabs Tapping Ipad Issue - javascript

I have a webpage for displaying 3 panels(panel_freegame, panel_1game & panel_2game) based on the click of 3 buttons(Free Game, 1 Game at time & 2 game at a time).
I have written jQuery code to display them accordingly, and its working well and fine in all web browsers, except in ipad if I continuously tap/click the buttons, 2 buttons get in selected state. So the tapping is not smooth and instant, this is issue with buttons, navtabs, nav pills.
Please suggest me with a suitable fix.
Thank you.

Related

iOS even number button press

I'm developing an cross-browser app using javascript/HTML/CSS for the UI. I noticed some very weird behavior on one of my devices (iPad Pro, iOS 9.2.1).
When pressing a button an even number of times, it doesn't seem to register the button press. This is happening for all of my buttons.
I can post some of the code if it's relevant, but it's happening on all of my buttons. The code uses angular and bootstrap.

Drop-down menu flashes, temporarily opens on page load on mobile devices

I'm having an issue with a jQuery-driven accordion drop-down menu when viewed on a mobile device. The problem is when viewed in either portrait or landscape, the drop-down menu quickly flashes (temporarily opens revealing all the links) upon page load, almost flickering. Refresh the page, it does the same thing.
Also, when viewed in landscape mode, the tabs in the drop-down menu wiggle up and down briefly when you click on them.
I'm not sure if this is a jQuery/JS issue or maybe there is something I need to do with CSS? I've done some research and cannot find a solution to this problem.
Can someone please take a look at the example here: http://clients.iconcw.com and let me know how to fix this problem?
Thanks very much.

FlexSlider - Execute "next" action

I'm currently developing a responsive website using flexslider. The address of the test version is here:
http://residentsecurity.daniel-lucas.com/
When the site shrinks down to tablet / mobile version an icon appears showing the user that by sliding their finger on the slider they can go to the next/previous image.
I've tried turning this icon into a link so that if the user clicks on it, it will go to the next slide.
I thought that by inserting
Next
the script for flexslider would use the link to go to the next slide but it's not working.
Does anyone know how to turn make this link work with flexslider?
Thanks in advance
I never found an answer to this question but instead modified the css of the next button that already exists to adapt it to my needs on mobile phones.

How can I show the list of of a dropdown in html?

I am developing an HTML based android app.
I need to implement option menu like the native android menu on long screen tap.
I thought to use invisible elements (positioned out of the viewable area), and cause showing the list by firing the click event.
Not working...
Any workaround?

Why aren't my website radio buttons clickable on iPhone/iPad?

I have a website at tbmaster.co.uk which has 3 radio buttons and they work fine in normal browsers but when I use a iPhone/iPad to view the site I am unable to click the radio buttons.
If you look at the source there is some JavaScript going on to set the states of radio buttons and other things so not sure if this is the problem
Your <div class="postit"> is the problem. On the iPad, it just covers the radio buttons and keeps click events from getting through. If you adjust the size of your non-iPad browser you can get the same effect. Try making your .postit thinner so that it won't cover up the radio buttons; or you could try playing the z-index of the form and .postit to get the form on top.
You'll also notice that you can't click the ADD ANOTHER SERIAL button but you can click the other two buttons, ADD ANOTHER SERIAL is buried under the .postit but the other buttons are not. And similar issues will apply to Machine ID.

Categories