教程 > bootstrap 4 教程 > 阅读:69

bootstrap4 下拉菜单方法详解——迹忆客-ag捕鱼王app官网

本章节我们介绍这些是标准bootstrap程序的下拉菜单方法。

toggle

此方法切换给定导航栏或选项卡式导航的下拉菜单。

$(document).ready(function(){
    $("#mybtn").click(function(){
        $("#mydropdown").dropdown("toggle");
    });
});

show

此方法显示给定导航栏或选项卡式导航的下拉菜单。

$(document).ready(function(){
    $("#mybtn").click(function(){
        $("#mydropdown").dropdown("show");
    });
});

hide

此方法隐藏给定导航栏或选项卡式导航的下拉菜单。

$(document).ready(function(){
    $("#mybtn").click(function(){
        $("#mydropdown").dropdown("hide");
    });
});

update

此方法更新元素下拉列表的位置。

$(document).ready(function(){
    $("#mybtn").click(function(){
        $("#mydropdown").dropdown("update");
    });
});

dispose

此方法会破坏元素的下拉列表(即删除存储在 dom 元素上的数据)。

$(document).ready(function(){
    $("#mybtn").click(function(){
        $("#mydropdown").dropdown("dispose");
    });
});

查看笔记

扫码一下
查看教程更方便
网站地图