JQuery如何在按下按钮时运行脚本

时间:2011-06-25 23:18:01

标签: javascript jquery

我正在做的是制作一个有两种布局的主题,可以通过按钮按下,从标准博客布局到画廊布局等进行更改。

但是当按下按钮进行图库布局时,我不想运行无限滚动脚本,除了无限滚动外,一切都有效。

如何运行另一个脚本呢?如果你知道我的意思,有点像带走脚本周围的<!-- / -->来激活它。

$("a.button").toggle(function() {
        $(this).addClass("toggle");
        $("div.posts").fadeOut("fast", function() {
            $(this).fadeIn("fast").addClass("gallery");
        });
    }, function() {
        $(this).removeClass("toggle");
        $("div.posts").fadeOut("fast", function() {
            $(this).fadeIn("fast").removeClass("gallery");
        });
    }); 
});

3 个答案:

答案 0 :(得分:1)

如果在页面加载(DOM Ready)上初始化两个布局并通过CSS display属性切换它们会更好。主要原因是您不需要每次都重新初始化无限滚动对象,并在用户切换回博客样式时将其销毁。

答案 1 :(得分:1)

如果您想使用<a>代码,则必须使用:

$('a').click(function(){
    ... scroll code...
});

如果您想通过ID访问它,请使用如下:

   $('#anyId').click(function(){
    ... scroll code...
});

答案 2 :(得分:0)

$('.gallery').click(function(){
    ... scroll code...
});

仅向图库类添加点击侦听器。那会有用吗?