Hello, this is my first post on jquery.com...
I have a textbox which is hidden and shown by a button click, using 'toggle' and 'blind' from JQuery UI...the button is JQuery mobile.
This function works on Chrome and Firefox but not on an iPad (using iOS 5.1.1)
(also, for testing I am currently using the live link to jquery mobile 1.3.1, jquery 1.7.1 and jquery ui 1.10.13)
My code is as follows:
HTML:
<div id="testBtn1" data-role="button" data-mini="true" data-theme="c" data-corners="false">MORE INFO</div>
<div class="demotext" data-mini="true" data-theme="c" data-role="content" ></div>
(testBtn opens and closes div, demotext div contains the text that is shown or hidden)
JS:
$("#testBtn1").click(function() {
$(".demotext").text("some text here");
// e.preventDefault(); /// this was something I tried based on some sample code, didnt work ///
//e.stopPropagation();
toggleTextbox();
return false;
});
and the function:
function toggleTextbox(){
var options={};
$(".demotext").toggle("blind", options, 500);
}
At first I thought the touch event was not recognized, but I can see from console statements that the touch event registers (the toggleTextbox function is reached)...then I get an error saying 'undefined is not a function', which I assume is the toggle function, and/or the 'blind' parameter...
I appreciate any help, thanks!