Question

这是我的代码：

$(function() {
 $('#fadeinright').waypoint(function(direction) {
    if (direction === 'down') {
        $(this).removeClass("fadeinright");
    }
});
$('#fadeinleft').waypoint(function(direction) {
    if (direction === 'down') {
        $(this).removeClass("fadeinleft");
    }
});
     $('#fadeintop').waypoint(function(direction) {
    if (direction === 'down') {
        $(this).removeClass("fadeintop");
    }
});
$('#fadeinbottom').waypoint(function(direction) {
    if (direction === 'down') {
        $(this).removeClass("fadeinbottom");
    }
});
$('#simplefadein').waypoint(function(direction) {
    if (direction === 'down') {
        $(this).removeClass("simplefadein");
    }
});

有人知道如何缩短它吗？我即将添加更多类，我不确定它是正确的代码方式。

以下是一个示例：https://jsfiddle.net/nbgdzspy/35/

Answer 1

这是一种方式：

grid.setOnMouseReleased(new EventHandler<MouseEvent> () {
    public void handle(MouseEvent me) {
        if(!anyAnimating.get()){
            //make changes to player data
            //receive new panes for the board
            //make some gui changes
            //play some animations
        }
    } 
});

Answer 2

我的变种

<div></div>
<table>
    <tbody>
        <tr><td>1234</td></tr>
        <tr><td>abcd</td></tr>
    </tbody>
</table>

如何缩短这个JS代码？

2 个答案: