[jQuery] Page items shifting during load
Hi All, I'm assuming everyone here has noticed that when using various jQuery widgets that after the the page shifts as the animation initialization code executes. Usually this is imperfection is perceived when $ (document).ready fires and the handler that kicks off some widget fires. IE. you have bunch of LI's that are converted to a carousel. My complaint is the shift that this event creates during page load, causing elements to shift and or appear to jump around a bit as the LI is converted to a carousel. Anyone have any work-arounds or fixes to prevent this, in general, rather than something specific for each widget?
[jQuery] Re: each on a css class
Yes it does. So that means it must be an issue with vkfade... it might use a global variable or something. Thanks for the trouble shooting aid. Dan On Feb 20, 5:45 pm, James wrote: > It should. But since I don't know what vkfade is and what > elements .positiveMessage is assigned to, it's hard to tell what's > wrong. > > What happens if you replace: > $(this).vkfade("00dd00") > with: > $(this).hide(); > ? > > do they all hide as expected? > > On Feb 20, 2:38 pm, "Dan B." wrote: > > > so i have a class "positiveMessage" I use throughout the page and i > > always want to fade them (FAT style). > > > I'm starting to catch, but I can't figure out why this only fades the > > first one! > > > $('.positiveMessage').each( > > function(){$(this).vkfade("00dd00")} > > ); > > > Shouldn't this find every element with css class "positiveMessage" and > > then run vkfade on it???
[jQuery] each on a css class
so i have a class "positiveMessage" I use throughout the page and i always want to fade them (FAT style). I'm starting to catch, but I can't figure out why this only fades the first one! $('.positiveMessage').each( function(){$(this).vkfade("00dd00")} ); Shouldn't this find every element with css class "positiveMessage" and then run vkfade on it???
[jQuery] Re: datepicker css
update: if I use the 300 kilobyte js generated by the theme roller that basically includes all UI elements the styling is appearing fine. So I just need a themed download for the datepicker, not every UI component ever made. DAn On Jan 22, 3:12 pm, "Dan B." wrote: > For some reason I am dying trying to get a datepicker setup with some > decent CSS. > > Functionally, my datepicker is fine...it's just lacking the > presentation the demonstrations always seem to have. > > I use the theme roller to download any of the gallery ones and then > include the ui.datepicker.css in my page and my calendar is always > transparent. > > I had this problem once before but then I just used another > datepicker... How many css files do you need to get your datepicker > to end up like the ones on the theme roller page? Maybe someone can > steer me in the right direction here. > > Here is my input item: > > > Here is my datepicker instantiation page: > $(function(){$('#datepicker').datepicker();});
[jQuery] datepicker css
For some reason I am dying trying to get a datepicker setup with some decent CSS. Functionally, my datepicker is fine...it's just lacking the presentation the demonstrations always seem to have. I use the theme roller to download any of the gallery ones and then include the ui.datepicker.css in my page and my calendar is always transparent. I had this problem once before but then I just used another datepicker... How many css files do you need to get your datepicker to end up like the ones on the theme roller page? Maybe someone can steer me in the right direction here. Here is my input item: Here is my datepicker instantiation page: $(function(){$('#datepicker').datepicker();});
[jQuery] find expression and removing from the page
So lets say I have this simple HTML structure someonwheres in my document: some text and I want to remove the place holder. I guess I'm trying something like this: $find("#bigul>#placeholder).remove(); Is that some what on the right track?
[jQuery] placeholder - treeview
Hello, I'm using treeview to browse a bunch of categorized items. I'm using the async tree. However I want one of the first level items to start "expanded". My solution was to alter the source to display that level using the children node. However, when I set that "expanded": true, there is this "placeholder" node that appears above all of my nodes. I need one of two solutions: A method that will tell the async tree to expand a given node after the initial load, which will cause jquery to remove the placeholder when it executes the asynchronous population OR, a way to remove this "placeholder", from the specifc node, which i've manually populated.
[jQuery] Tabs with multiple CSS classes
Hi Folks, I'm interested in having multiple instances of tabs on a page/pages throughout a site and on the same page without using an iFrame. The tabs function is cool. I'd like to pass it a different base class, so that basically I have tab controls of different styles on the same page. Specifically I'm wanting to have this set of tabs have different widths; I'm looking for like a "base-class" option to pass to jquery.tabs or something. Any suggestions? dan