Cool, thanks. Good info!
I did know it was HTML5 schtuff, but haven't used the data() method before. Unfortunately it doesn't work in this case.
- Gavin
>>> Michael Schofield <[log in to unmask]> 11/30/2012 9:21 AM >>>
Friendly FYI :-). "data-mini=true" is an HTML5 data attribute. So, in the
source it might look like:
<input id='foo' class='search' data-mini='true'>
When talking to data-attributes with jQuery, you might be able to eke out
better performance using .data('mini'). E.g.:
$('input').data('mini', 'true');
Rather than having jQuery look for an attribute called data-mini, it will
hone in directly on any present "data-" then match with "mini."
Here's some further reading: http://api.jquery.com/data/
Good luck! I hope you share the final result.
Michael Schofield(@nova.edu) | @gollydamn | www.ns4lib.com
-----Original Message-----
From: Code for Libraries [mailto:[log in to unmask]] On Behalf Of
Gavin Spomer
Sent: Friday, November 30, 2012 11:52 AM
To: [log in to unmask]
Subject: Re: [CODE4LIB] jQuery Set data-mini Attribute For All Form Inputs
Thanks for the input, Mark.
I don't think there is a textinput method in jQuery or jQuery Mobile.
- Gavin
>>> Mark Pernotto <[log in to unmask]> 11/29/2012 3:58 PM >>>
This looks more syntactical than anything else.
Try:
$('input').textinput({mini:true});
This hasn't been tested.
Thanks,
Mark
On Thu, Nov 29, 2012 at 3:40 PM, Gavin Spomer <[log in to unmask]> wrote:
> Hello,
>
> I'm almost done developing my custom theme for when I migrate our
Greenstone digital collections over to Omeka. I've built in a mobile
interface for when a mobile device is detected and have been having a lot of
fun implementing that with jQuery Mobile.
>
> I prefer to make most stuff "mini" ala the jQuery Mobile data-mini
attribute. Works fine when I'm editing the actual html source, but the
following won't work for some reason:
>
> $(document).ready(function() {
> $('input').attr('data-mini', 'true');
> });
>
> I can set other attributes successfully like: (just as a test)
>
> $(document).ready(function() {
> $('input').attr('data-mini', 'true');
> $('input').attr('style', 'background:yellow');
> });
>
> But for some reason it won't do the data-mini attribute... why?
> Gavin Spomer
> Systems Programmer
> Brooks Library
> Central Washington University
|