toolbar按钮合并——循环判断——重要jQuery经历-优快云博客

本文介绍了一种使用jQuery实现的动态调整工具栏按钮显示的方法，包括根据工具栏的高度和宽度来移动按钮到下拉菜单中，并在窗口大小改变时重新布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
    $(document).ready(function () {
        var to_hei = $('#toolbar').height()
        if (to_hei > 37) {
            $(".db-click").css({ display: 'block' })
            $("#toolbar").find("button[ladda]").each(function () {
                var last_hei = $('#toolbar').height()
                if (last_hei > 36) {
                    $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
                    $("#toolbar>button[ladda]:last").remove()
                }
            })
        }
    });
</script>

这是日后保存 - - - --clone(true)加true能复制方法

index

<script>
    $(window).resize(function () {
        //$("#toolbar").prepend($(".ul-dropdown>button[ladda]").clone(true));
        $(".dropdown").before($(".ul-dropdown>button[ladda]").clone(true));
        $(".ul-dropdown>button[ladda]").remove();
        $(".db-click").css({ display: 'none' });
        if ($('#toolbar').height() > 37) {
            $(".db-click").css({ display: 'block' })
            $("#toolbar").find("button[ladda]").each(function () {
                var last_hei = $('#toolbar').height()
                if (last_hei > 36) {
                    $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone(true));
                    $("#toolbar>button[ladda]:last").remove()
                }
            })
        }
    })
    
</script>
@*<script type="text/javascript">
    $(document).ready(function () {
        var to_hei = $('#toolbar').height()
        if (to_hei > 37) {
            $(".db-click").css({ display: 'block' })
            $("#toolbar").find("button[ladda]").each(function () {
                var last_hei = $('#toolbar').height()
                if (last_hei > 36) {
                    $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
                    $("#toolbar>button[ladda]:last").remove()
                }
            })
        }
    });
</script>*@
@*<script type="text/javascript">
    $(document).ready(function () {
        var to_hei = $('#toolbar').height()

        if (to_hei > 37) {
            var f = 0;
            $("#toolbar").find("button[ladda]").each(function ()
            {
                var last_hei = $('#toolbar').height()
                if (last_hei > 36) {
                    $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
                    $("#toolbar>button[ladda]:last").remove()
                }
                //else {
                //    $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
                //    $("#toolbar>button[ladda]:last").remove()
                //}
            })
        }
    });
</script>*@
@*<script type="text/javascript">
    $(document).ready(function () {
        var to_hei = $('#toolbar').height()
        var aa = 194 + $("#toolbar").width() + 280
        var bb = $(".columns").width()
        var cc = $("#toolbar").width()
        var dd = $(document).width()
        if (dd > 768) {
            var aa = 194 + $("#toolbar").width() + 280

        if (aa > dd) {
            //debugger;
            var f = 0;
            $(".db-click").css({display: 'block'})
            $("#toolbar").find("button[ladda]").each(function ()
            {
                var last_hei = $('#toolbar').height()
                var lastaa = 194 + $("#toolbar").width() + 271
                if (dd < lastaa) {
                    $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
                    $("#toolbar>button[ladda]:last").remove()
                }
                //else {
                //    $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
                //    $("#toolbar>button[ladda]:last").remove()
                //}
            })
        }
        } else {
            var aa = 194 + $("#toolbar").width() + 100
            if (aa > dd) {
                //debugger;

                $(".db-click").css({ display: 'block' })
                $("#toolbar").find("button[ladda]").each(function () {
                    var last_hei = $('#toolbar').height()
                    var lastaa = 194 + $("#toolbar").width() + 100
                    if (dd < lastaa) {
                        $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
                        $("#toolbar>button[ladda]:last").remove()
                    }

                })
            }
        }
    });
</script>*@

服务service

 scorllButton: function () {
            $(".dropdown").before($(".ul-dropdown>button[ladda]").clone(true));
            $(".ul-dropdown>button[ladda]").remove();
            $(".db-click").css({ display: 'none' });
            if ($('#toolbar').height() > 37) {
                $(".db-click").css({ display: 'block' })
                $("#toolbar").find("button[ladda]").each(function () {
                    var last_hei = $('#toolbar').height()
                    if (last_hei > 36) {
                        $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone(true));
                        $("#toolbar>button[ladda]:last").remove()
                    }
                })
            }
        }

指令table.js

//function toolbarMini() {
             //    $("#toolbar").prepend($(".ul-dropdown>button[ladda]").clone());
             //    $(".ul-dropdown>button[ladda]").remove();
             //    $(".db-click").css({ display: 'none' });
             //    if ($('#toolbar').height() > 37) {
             //        $(".db-click").css({ display: 'block' })
             //        $("#toolbar").find("button[ladda]").each(function () {
             //            var last_hei = $('#toolbar').height()
             //            if (last_hei > 36) {
             //                $(".ul-dropdown").prepend($("#toolbar>button[ladda]:last").clone());
             //                $("#toolbar>button[ladda]:last").remove()
             //            }
             //        })
             //        } 
             //    //else {
             //    //    $(".ul-dropdown").find("button[ladda]").each(function () {
             //    //        var last_hei = $('#toolbar').height()
             //    //        if (last_hei < 37) {
             //    //            $("#toolbar").prepend($(".ul-dropdown>button[ladda]:last").clone());
             //    //            $(".ul-dropdown>button[ladda]:last").remove()
             //    //        }
             //    //    })
             //    //}
             //}

转载于:https://www.cnblogs.com/dlgood/p/6202983.html