1

I am using a smart wizard plugin in my web page (version 0.98).
Here is my web page:

I have two issues:
1) Each of the "tabs" on the wizard has a different content height. Therefore, I want the wizard to be resized height-wize when a new tab is selected. I assigned each tab div with a height attribute (I called it wizard-height), and created a JS function that resizes the entire wizard div when a new tab is selected. The problem is that the height seems to vary between browsers and resolutions, so even though it works perfectly on my Mac in Chrome, the the height doesn't get set properly on a PC (the content gets cut).
2) I am also using the select to UI slider plugin for jQuery for my sliders. Unfortunately, as of tab number 2 in my wizard, the labels under the slider are not centered any more, but aligned to the right - this only happens as of the second wizard tab, no matter the content.

Thanks!

4

1 回答 1

-1

1) 你想要做的是将所有相关 div 的高度设置为 100%。
2)这背后的原因是第二个向导向前的 ui-slider-label 对象不可见,因此 jQuery.width 在它们上返回 0。阅读:http ://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/

于 2011-08-06T00:05:31.673 回答