智能向导 Jquery 插件 Square 进度不起作用

Question

我在我的页面中添加了步骤插件的智能向导。 但顶部导航栏上的进度不起作用。 线路没有出现 我添加了“square”并将必要的CSS添加到代码中 但不工作

selected: 0,
// Initial selected step, 0 = first step
theme: 'square',
// Theme for the wizard, related css need to include for other than default theme
justified: true,
// Nav menu justification. true/false
autoAdjustHeight: true,
// Automatically adjust content height
backButtonSupport: true,
// Enable the back button support
enableUrlHash: true,
// Enable selection of the step based on url hash
transition: {
  animation: 'fade',
  // Animation effect on navigation, none|fade|slideHorizontal|slideVertical|slideSwing|css(Animation CSS class also need to specify)
  speed: '400',
  // Animation speed. Not used if animation is 'css'
  easing: '',
  // Animation easing. Not supported without a jQuery easing plugin. Not used if animation is 'css'
  prefixCss: '',
  // Only used if animation is 'css'. Animation CSS prefix
  fwdShowCss: '',
  // Only used if animation is 'css'. Step show Animation CSS on forward direction
  fwdHideCss: '',
  // Only used if animation is 'css'. Step hide Animation CSS on forward direction
  bckShowCss: '',
  // Only used if animation is 'css'. Step show Animation CSS on backward direction
  bckHideCss: '' // Only used if animation is 'css'. Step hide Animation CSS on backward direction

},

Answer 1

其实我也面临着同样的问题。我已经解决了这个问题。问题是我忘记在“ul”标签上添加“nav-progress”。我希望问题和你一样。

        <ul class="nav nav-progress">
            <li class="nav-item">
                <a class="nav-link" href="#step-1">
                    <div class="num">1</div>
                    Title 1
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#step-2">
                    <span class="num">2</span>
                    Title 2
                </a>
            </li>
        </ul>