复制和粘贴会导致脚本损坏？

debugcn 发表于 Dev

玄木

起初我以为我在LESS中错误地复制了代码，但是后来我也在jsfiddle上对其进行了测试，但是它在原始副本中不起作用，但是可以吗？

复制HTML

<html lang="en">
<head class="Setup">
    <link rel="stylesheet/less" type="text/css" href="../LESS/core.less"/>
    <script src="../JavaScript/less.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type='text/javascript' src="../JavaScript/java.js"></script>
</head>
<body class="Setup">
    <ul>
        <li class="PsuedoButtons" id="Menu1">Source1</li>
        <li class="PsuedoButtons" id="Menu2">Source2</li>
        <li class="PsuedoButtons" id="Menu3">Source3</li>
    </ul>
</body>
</html>

切断不相关的部分

较少的

ul {
    li {
        display: flex;
        float: left;
        position: absolute;
        height: 35px;
        width: 65px;
        top: 5px;
        background: #e6e6e6;
        list-style: none;
        justify-content: center; // Horizontal
        align-items: center; // Vertical
        opacity: 0;
        .rounded;
        &.show {
            opacity: 1;
        }
    }
    #Menu1 {
        left: 100px;
    }
    #Menu2 {
        left: 200px;
    }
    #Menu3 {
        left: 300px;
    }
}

jQuery查询

var debounce = false;
$('#Option1').click(function() {
    var time = 250;
    if (debounce == true) {return;}
    debounce = true;
    $(".PsuedoButtons").each(function() {
        console.log('hello');
        setTimeout(function() {
            $(this).toggle(); // Sadness
        }, time)
        time = time + 250
    })
    debounce = false;
});

JF小提琴https://jsfiddle.net/b7jo7w4L/：复制https://jsfiddle.net/7a1cpu0n/：原始

蒂莫西·也许

问题出在js小提琴上。您需要加载外部资源（您缺少对Jquery的引用）

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。