首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery中怎么选择触发事件

2013-02-24 
jquery中如何选择触发事件有个jquery左侧导航栏,本来是鼠标移动到上面触发事件。现在想既可以鼠标移动到上

jquery中如何选择触发事件
有个jquery左侧导航栏,本来是鼠标移动到上面触发事件。现在想既可以鼠标移动到上面,或者单击也可以触发事件,不知道能不能实现该效果。

代码如下:

    $(".dropdown > li").hover(function () {
            var $container = $(this),
                $list = $container.find("ul"),
                $anchor = $container.find("a"),
                height = $list.height() * 1.1,
                multiplier = height / maxHeight;

            $container.data("origHeight", $container.height());
            $container.find("a:first").text(topText);
            $("#navigationProcess").empty();
            $anchor.addClass("hover");

            $list
                .show()
                .css({
                    paddingTop: $container.data("origHeight")
                });

            if (multiplier > 1) {
                $container
                    .css({
                        width: 153,
                        height: maxHeight,
                        overflow: "hidden"
                    })
                    .mousemove(function(e) {
                        var offset = $container.offset();
                        var relativeY = ((e.pageY - offset.top) * multiplier) - ($container.data("origHeight") * multiplier);
                        if (relativeY > $container.data("origHeight")) {
                            $list.css("top", -relativeY + $container.data("origHeight"));


                        }
                        ;
                    })
                    .click(function() {
                        var $el = $(this);
                        $el.height($(this).data("origHeight")).find("ul").css({ top: 0 }).hide().end().find("a").removeClass("hover");
                    });
            }
    }, function () {
        var $el = $(this);
        $el
            .height($(this).data("origHeight"))
            .find("ul")
            .css({ top: 0 })
            .hide()
            .end()
            .find("a")
            .removeClass("hover");
    });






以下是CSDN广告:
[解决办法]
再绑定一个click事件就好了,如果能把刚刚的事件函数抽取更好,否则要重复。?
$(".dropdown?>?li").bind("click", ...   );//
[解决办法]
都点击了,鼠标显然是移上去了,代码肯定是被执行了,点击时再执行一次做什么?
$(".dropdown > li").bind("click", function(){
    $(this).mouseenter();
});
[解决办法]

var m = function(){
//TODO Sth.
}
$(".dropdown > li").unbind("click").bind("click",m).unbind("mouseover").bind("mouseover",m);

热点排行