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 <mschofi...@nova.edu> 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:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of Gavin Spomer Sent: Friday, November 30, 2012 11:52 AM To: CODE4LIB@LISTSERV.ND.EDU 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 <mark.perno...@gmail.com> 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 <spom...@cwu.edu> 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