SmartWizard - jQuery 的问题
我在网页中使用智能向导插件（版本 0.98）。< br> 这里是我的网页：
我有两个问题：
1) 向导上的每个“选项卡”都有不同的内容高度。因此，我希望在选择新选项卡时调整向导的高度。我为每个选项卡 div 分配了一个高度属性（我将其称为 Wizard-height），并创建了一个 JS 函数，用于在选择新选项卡时调整整个向导 div 的大小。问题是高度似乎因浏览器和分辨率而异，因此即使它在我的 Mac 上的 Chrome 中完美运行，但在 PC 上高度设置不正确（内容被剪切）。
2) 我还在我的滑块中使用了 jQuery 的 select to UI slider 插件。不幸的是，从我的向导中的第 2 个选项卡开始，滑块下的标签不再居中，而是向右对齐 - 这仅在第二个向导选项卡中发生，无论内容如何。
谢谢！
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!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（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/
1) what you want to do is set the heights of all the relevant div's to 100%.
2) the reason behind this is that the ui-slider-label objects on the second wizard forward are not visible, and therefore jQuery.width return 0 on them. Read this: http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/