使JQuery按钮充当下拉列表

$(document).ready(function() {
    // 获取下拉列表数据
    var data = [
        { name: 'Item 1', url: 'http://www.example.com/item1' },
        { name: 'Item 2', url: 'http://www.example.com/item2' },
        { name: 'Item 3', url: 'http://www.example.com/item3' }
    ];

    // 创建下拉列表
    $('.dropdown-toggle').dropdown({
        trigger: 'click',
        gap: 10,
        coverTrigger: true
    });

    // 为下拉列表元素设置样式
    $('.dropdown-menu li').each(function() {
        $(this).css('cursor', 'pointer');
    });

    // 当下拉列表被点击时，打开链接
    $('.dropdown-menu li').click(function() {
        var url = $(this).data('url');
        window.location.href = url;
    });
});

.dropdown-menu {
    width: 100%;
    padding: 0;
}

.dropdown-menu li {
    font-size: 14px;
    padding: 5px 10px;
}

.dropdown-menu li:hover {
    background-color: #f5f5f5;
}