Question

Trying to make a sliding panel where you can click next and back to go between panes, Ive attached a fiddle to explain better, only my back button doesnt seem to work, Can anybody see why?

http://jsfiddle.net/x2qk7/3/

Answer 1

页: 1

$(document).ready(function(){
  $( a.next ).click(function(){  
    $( .slide ).animate({"left": "-=400"}, 500);
  })
  $( a.back ).click(function(){  
    $( .slide ).animate({"left": "+=400"}, 500);
  })
});

.form-slides {width:400px; overflow:hidden; border: 1px solid #ccc; margin: 25px}
.wrap { width: 9999px; }
.slide {width:400px; float:left; position: relative; background:#eee;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="form-slides">
  <div class="wrap">

    <div class="slide">
      <p>Lipsum blah blah blah</p>
      <a href="#" class="next">Next</a> 
      <a href="#" class="back">back</a> 
    </div>
    <div class="slide">
      <p>Lipsum blah blah blah</p>
      <a href="#" class="next">Next</a> 
      <a href="#" class="back">back</a> 
    </div>
    <div class="slide">
      <p>Lipsum blah blah blah</p>
      <a href="#" class="next">Next</a> 
      <a href="#" class="back">back</a> 
    </div>

  </div>
</div>

Answer 2

这似乎很不可行,因为你把滑坡2移至滑坡1上,但在滑坡2中点击 back子操纵了滑坡。 1. 导言虽然滑坡2已经存在并处于顶峰。

This might be what you want: http://jsfiddle.net/ZuWeJ/

友情链接