Question

我有一个网站here，我想要隐藏并在标题中显示带有按钮的侧边栏，但它无效。这是我尝试过的：

<div id="B">
    <button>toggle</button>
</div>

$('button').toggle(function() {
    $('#sidebarright').animate({ left: 0 })
}, function() {
    $('#sidebarright').animate({ left: 200 })
})

什么都没发生。你能帮我找出问题吗？

Answer 1

您尝试使用的import org.apache.spark.sql.expressions.Window val newData = data .withColumn("cnt", count("*").over(Window.partitionBy("column1", "column2")) .where(col("cnt") > 1)功能现已弃用，并已从最新版本的jQuery中删除。要复制它，您可以使用简单的三元表达式使用toggle()事件。试试这个：

click()

另请注意，您在网站上链接的页面不包含对jQuery的引用。以下是您应该如何做到这一点，以及上述代码的完整实现：

$('button').click(function() {
    var $el = $('#sidebarright');
    $el.animate({
        left: parseInt($el.css('left'), 0) == 0 ? 200 : 0
    });
});

另请注意，您可以通过仅使用CSS过渡并切换类来简化此操作：

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script>
        $(function() {
            $('button').toggle(function() {
                var $el = $('#sidebarright');
                $el.animate({
                    left: parseInt($el.css('left'), 0) == 0 ? 200 : 0
                });
            });
        });
    </script>
</head>

#sidebarright {
    /* UI styling rules here */
    left: 0;
    transition: left 0.5s
}
#sidebarright.open {
    left: 200;
}

Answer 2

您正在使用jQuery脚本，但尚未在标头中附加jQuery文件。请在标题中添加jQuery文件。

从http://www.jquery.com

下载

隐藏和显示侧边栏div

2 个答案: