I am working with JQM and need to close any 'open' popups.
Is there a way to close any currently 'open' popups in JQM?
lee
I found an answer. For anyone else looking to do this, here is the trick:
$('.ui-popup').popup('close');
lee
Related
I currently have a jquery page where I am using Delete and Edit icons.
For the delete icon, I am using:
data-icon="delete"
For the edit icon, I am using
data-icon="plus"
Just wondering what the standard icon is for edit.
Thanks in advance
It is :
data-icon="edit"
But you will need to use at least jQuery Mobile 1.3 to have it available.
Working jsFiddle example: http://jsfiddle.net/4z64J/
I think there is not a default icon for edit.
Maybe I would also use data-icon="plus" or data-icon="gear".
If you want you can use a custom icon.
http://andymatthews.net/code/jQuery-Mobile-Icon-Pack/font-awesome/ - This is a nice pack (data-icon="pencil" would do the work for you, I think.)
Regards!
P.S. I have read what Gajotres answered. It is great that this icon is added in jQuery Mobile latest! Thanks for the info!
As the title, I want to handle click event on body tag to release focusing of text input. I am using Phonegap and Jquerymobile. Please helps!
Thanks alot.
What is the problem? I developed a lot ofapplications with phonegap and jqm and I never noticed the problem which you describe. The blur event fires automatically.
Anyway you can use this to:
jQuery('body').on('click',function(){
jQuery('input').trigger('blur');
})
As the question says I am interested to know if it is possible to open more than one dialog in JQM.
Thanks in advance,
Sincerely Babak
Yes it is possible.
As long as the page structure complies with JQM documentation it is possbile to open dialogs on top of other dialogs by calling
$.mobile.changePage('#page-id', {transition: 'pop', role: 'dialog'} ) ;
i asked this in jquery forum, but maybe it's better here with jquery-mobile tag :
i've a problem i can't go through for 2 days... i'm a newbie in Jquery mobile so maybe you could quickly see the issue :
after an ajax call (to submit a form) i change div content with the ajax response, using $('confirmation').html(newcontent)
but the "new" div has not the cool jqm stylish button and content
then i added $('#confirmation').page(); it was OKAY... but it worked just for once : if i submit the form again, the jqm style dissapears...
i tried everything i found on the net, but still no solution... so i beg your help ;)
thanks by advance to everyone who will have the kindness of having a short look !
here's my example on jsfiddle : http://jsfiddle.net/ramdam/7cwBX/17/
if you click an Submit ajax button, you'll see a nice BACK button , but if you do it twice, the button "disappears" and only show a link...
Does this: http://jsfiddle.net/7cwBX/20/ helps you?
Is there any specific reason you are still using jQuery Mobile alpha 2 version?.To be safe,I would advice to always use the latest jQuery Mobile version-currently RC 1.0 . Update to RC 1.0 and try using $('#confirmation').trigger('create') instead of $('#confirmation').page().page() is deprecated since beta 2
FYI - I couldnt check out the fix because the domain you used in the example seems to be down.
http://pal-auto.ebizautos.com/
if you look at that page above, there is something that looks like a carasel which operates when the mouse is over each item and slides to the left. does anyone know if anything like this exists in jquery already premade?
thanks
Go on the jQuery site and search for accordion plug ins.
http://plugins.jquery.com/project/accordion
jQuery Kwicks does exactly what you're looking for: horizontal-accordion style navigation.
http://www.jeremymartin.name/projects.php?project=kwicks
7 Examples of Use
There is an official accordion plugin included in the jQuery.ui package that might do what you need.