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!
Related
There is no option for jQuery UI in the "Frameworks & Extensions" part. Should i add it as an external resource?
The UI for adding JS frameworks has been adapted (multiple times).
Currently you can add these frameworks by clicking on the settings-cog-wheel of the Javascript section:
The JSFiddle Frameworks & Extensions selection has been moved to the Javascript pane options!
New Answer
Checking the jsFiddle site today, I see they added some controls. This is in the same style of answer as reto's and dotancohen's.
I have not tested the UI portion specifically yet, but I do notice that when you select jQuery versions (edge) or 1.9.1, jQuery UI is available in the list of checkboxes that appear beneath the dropdown box.
Old Answer
Along with the other answers (I intend to complement dotancohen's answer) discussing that pretty significant JSFiddle UI change, I wanted to finish the information by saying jQuery UI specifically was not an option for me. I had to go into "External Resources" on the left-hand side and enter these URLs as well:
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css
Example jQuery UI JSFiddle
Under External Resources > click the text field and enter the url for a hosted jQuery library such as this one from google: https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js. Then click the plus icon.
Let me start off by saying I'm new to jQuery mobile. I've been asked to change to theme of a website and from looking at the jQuery mobile website here there is 5 default swatches that come with it. The only problem is that when I look at the theme file it only has 2 swatches, labeled A and B, but which look more like A and C. Can someone tell me where I can find the additional default swatches?
Thanks for your help.
The guys from jQuery mobile also created the classic theme for 1.4 although they don't actually support it.
You can find it here: http://demos.jquerymobile.com/1.4.0/theme-classic/theme-classic.css
And view the demo here: http://demos.jquerymobile.com/1.4.0/theme-classic/
jQuery Mobile 1.4 has two themes "a" and "b", unlike previous versions.
To upgrade custom themes previously created by ThemeRoller, at the page's top, click on import to upload old themes and then choose 1.4.0 from drop-down Upgrade to version list.
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');
})
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.