Question

我试图暂停一个视差div并用静态图像替换它。下面的jQuery代码工作得非常好，但是它会杀死所有其他div（我在下面的代码中只有一个额外的代码作为示例）。我怎样才能隔离<section>区域中的div？

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Close to Working</title>

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <style>
        .parallax-layer {
            position:absolute;
        }
        .hundred {
            width:auto;
            height: 390px;
        }

    </style>
</head>

<body>
    <div style="background-color:rgba(0, 0, 0, 0.3)">
        <img src="./images/top_logo.png" alt="" />
    </div>
    <section>
        <button class='pushme'>Pause Sliding Images</button>
        <script>
            $(".pushme").click(function () {
                var $el = $(this);
                $el.text($el.text() == "Resume Sliding Images" ? "Pause Sliding Images": "Resume Sliding Images");
            });
        </script>
        <div class="hundred">
            <div id="port" style="position:relative;top:-15px;">
                <div style="left: 0%; margin-left: 0;" class="parallax-layer">
                    <div>
                    <img src="./images/para.png" alt="" class="fadeIn fadeIn-4s fadeIn-Delay-4s" />
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div style="display: none"><img src="./images/ch_logo.png" alt=""/></div>
    <script>
        $( "button" ).click(function() {
            $( "div" ).toggle( "slow" );
        });
    </script>

    <script  type="text/javascript" src="para3_files/jquery_002.js"></script>
    <script type="text/javascript" src="para3_files/jquery_003.js"></script>
    <script type="text/javascript" src="para3_files/jquery.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function(xvalue){
            // Declare parallax on layers
            jQuery('.parallax-layer').parallax({
                mouseport: jQuery("#port"),
                yparallax: false
            });
        });
    </script>
    <script type="text/javascript" src="./js/home2.js"></script>
</body>
</html>

Answer 1

如果您正在谈论$( "div" ).toggle( "slow" );切换所有div，那是因为这就是它正在做的事情。

如果您使用$( "section div" ).toggle( "slow" );，则只会切换div内的section

如何在jQuery切换中隔离div

1 个答案: