Question

我有一个功能可以带回前面显示的div，但它不起作用。我们将不胜感激。

<script type="text/javascript">
   $(function () {
    $("#prev-link").click(function () {
        $("#div-a").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });

     $("#prev-link").click(function () {
        $("#div-b").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });

     $("#prev-link").click(function () {
        $("#div-c").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });

     $("#prev-link").click(function () {
        $("#div-d").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });

     $("#prev-link").click(function () {
        $("#div-e").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });

     $("#prev-link").click(function () {
        $("#div-f").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });

     $("#prev-link").click(function () {
        $("#div-g").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });
</script>

所以基本上“＃first-div”是一个弹出模式菜单div，其中包含指向div的链接a~g，我想要发生的是点击“#prev- link”（这是一个链接位于按钮左边的div a~g。）当前显示的div（可以是a / b / c / d / e / f / g或者用户点击的那个）将淡出并显示菜单div，即“ ＃一格”。

注意：#first-div是一个弹出模式，所以是div-g

小提琴：http://jsfiddle.net/8Py7W/4/

Answer 1

试试这个 -

<div id="first-div" class="popup-box">
<ul class="links">
      <li><a href="#div-a" class="login-window">A Content</a></li>
      <li><a href="#div-b" class="login-window">B Content</a></li>
       <li><a href="#div-c" class="login-window">C Content</a></li>
      <li><a href="#div-d" class="login-window">D Content</a></li>
       <li><a href="#div-e" class="login-window">E Content</a></li>
      <li><a href="#div-f" class="login-window">F Content</a></li>
      <li><a href="#div-g" class="login-window">G Content</a></li>
</ul>    
<a href="" class="close" id="close"></a>
</div>
<!--------------------------------------->

<div class="divclass popup-box" id="div-a">
 <a href="" class="close" id="close"></a>
 <a href="#first-div"><div  class="center_content_view_all" id="prev-link">&lt;&lt;prev</div></a>  
</div>
<!------------------------------->
<div class="divclass popup-box" id="div-b">
 <a href="" class="close" id="close"></a>
  <a href="#first-div"><div  class="center_content_view_all" id="prev-link">&lt;&lt;prev</div></a>  
</div>
<!------------------------------->
<div class="divclass popup-box" id="div-c">
 <a href="" class="close" id="close"></a>
 <a href="#first-div"><div  class="center_content_view_all" id="prev-link">&lt;&lt;prev</div></a>  
</div>
<!------------------------------->
<div class="divclass popup-box" id="div-d">
 <a href="" class="close" id="close"></a>
 <a href="#first-div"><div  class="center_content_view_all" id="prev-link">&lt;&lt;prev</div></a>  
</div>
<!------------------------------->
<div class="divclass popup-box" id="div-e">
 <a href="" class="close" id="close"></a>
  <a href="#first-div"><div  class="center_content_view_all" id="prev-link">&lt;&lt;prev</div></a>  
</div>
<!------------------------------->
<div class="divclass popup-box" id="div-f">
 <a href="" class="close" id="close"></a>
  <a href="#first-div"><div  class="center_content_view_all" id="prev-link">&lt;&lt;prev</div></a>  
</div>
<!------------------------------->
<div class="divclass popup-box" id="div-g">
 <a href="" class="close" id="close"></a>
  <a href="#first-div"><div  class="center_content_view_all" id="prev-link">&lt;&lt;prev</div></a>  
</div>

$(function () {
    $('.divclass').hide();

    $('#first-div').show();

    $('.login-window').on('click', function() {
        $('#first-div').hide();
        $($(this).attr('href')).show();
    });

    $(".center_content_view_all").click(function () {
        $(".divclass").fadeOut();
        $("#first-div").fadeIn();
        return false;
    });
});`

点击链接返回上一个Div

1 个答案: