Javascript 更改

Question

我想将以下 JavaScript 从鼠标悬停事件调整为页面加载事件，但是到目前为止我的尝试失败了。因此，为了澄清，当页面加载时，我希望激活脚本。这是代码：

$(function() {
            $('#sdt_menu2 > li').bind('mouseenter',function(){
                var $elem = $(this);
                $elem.find('img')
                     .stop(true)
                     .andSelf()
                     .find('.sdt_wrap')
                     .stop(true)
                     .andSelf()
                     .find('.sdt_active')
                     .stop(true)
                     .animate({'height':'45px'},300,function(){
                    var $sub_menu = $elem.find('.sdt_box');
                    if($sub_menu.length){   
                    }   
                });

Answer 1

如果我正确理解了这个问题，那就很简单了

$(function(){
            var $elem = $(this);
            $elem.find('img')
                 .stop(true)
                 .andSelf()
                 .find('.sdt_wrap')
                 .stop(true)
                 .andSelf()
                 .find('.sdt_active')
                 .stop(true)
                 .animate({'height':'45px'},300,function(){
                var $sub_menu = $elem.find('.sdt_box');
                if($sub_menu.length){   
                }   
            });

$(handler)

（您已经使用过）实际上是

$(document).ready(handler)

的快捷方式。
来自 .ready() 上的 jQuery 文档：

以下所有三种语法都是等效的：
$( 文档 ).ready( 处理程序 )
$().ready( handler ) （不推荐这样做）
$( 处理程序 )

[编辑]：如果该函数仍然可以在

$('#sdt_menu2 > li')

上运行，那么

$elem

（这甚至是一个有效的名称吗？Oo）当然必须设置为该值。因此，如果这就是您想要的，请替换

var $elem = $(this);

由

var $elem = $('#sdt_menu2 > li')`

Answer 2

$(函数(){

        var $elem = $(this);
        $elem.find('img')

         .stop(true)


             .andSelf()
             .find('.sdt_wrap')
             .stop(true)
             .andSelf()

             .find('.sdt_active')

             .stop(true)

             .animate({'height':'45px'},300,function(){

            var $sub_menu = $elem.find('.sdt_box');

            if($sub_menu.length){   
            }   
        });