Question

我只是一个初学者，我试图在滑块选项卡上添加一个页面，但是没有成功，滑动工作完美，但当我将AandG.html添加到选项卡时，它没有工作跳跃，有人可以帮助我。

<div class="slider-container">
    <div class="mp-slider">
      <div><img src="images/slide-5.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-4.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-3.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-2.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-1.png" alt=""><a href="#"></a></div>
    </div>
</header>
<!-- Content -->
<section id="content">
  <div class="container_24">
    <div class="grid_24 content-border">
      <div class="top-content-box">
        <ul id="mp-pags-cont">
          <li><a href="AandG.html">Admin &amp; General</a></li>
          <li><a href="#">Sales &amp; Marketing</a></li>
          <li><a href="#">Food &amp; Beverage</a></li>
          <li><a href="#">Rooms </a></li>

这里有JS代码，

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>

我应该在这里包含整个脚本吗？

感谢所有想帮助我摆脱困境的人。

Answer 1

发布的代码运行正常。您可以运行此示例，以查看它是否有效。

<div class="slider-container">
    <div class="mp-slider">
      <div><img src="images/slide-5.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-4.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-3.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-2.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-1.png" alt=""><a href="#"></a></div>
    </div>

<!-- Content -->
<section id="content">
  <div class="container_24">
    <div class="grid_24 content-border">
      <div class="top-content-box">
        <ul id="mp-pags-cont">
          <li><a href="AandG.html">Admin &amp; General</a></li>
          <li><a href="#">Sales &amp; Marketing</a></li>
          <li><a href="#">Food &amp; Beverage</a></li>
          <li><a href="#">Rooms </a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>

您的实际问题必须在已发布的代码段之外的某个位置。您的确定您的文件AangG.html是否存在？还要检查文件名中的大写/小写。

Answer 2

可能你应该像这样使用

<div class="mp-slider">
      <div><a href="#"><img src="images/slide-5.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-4.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-3.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-2.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-1.png" alt=""></a></div>
    </div>

无法将页面链接到滑块选项卡

2 个答案: