使用jQuery导航的花式滑动窗体

Question

我是一名初级程序员并且正在努力使用插件。

除非您想确认所有细节，否则一切正常。确认页面显示不正确，您无法看到整个页面。

对我做错的任何想法？

以下是带有表单的单页链接： http://www.creatiffweb.co.za/emillingTester/list.html

谢谢！

Answer 1

我认为您计算widths数组时出现问题。您网页的某些子元素（fieldset.step元素）也包含类step。那是因为你计算的宽度太大而最后一页的宽度太短了。

这导致页面仅显示一半。然后将焦点集中在页面上，该页面尚未完全显示。然后浏览器向左滚动您的步骤以完全显示按钮并打破布局。

您应该可以将选择器调整为类似以下内容，以便仅包含实际页面：

$('#steps fieldset.step').each(function(i) {
    // ...
});