JSNI GWT jquery

Question

我有一个文件jQuery来创建翻转卡片的效果，我把它改成了JSNI，使用本机函数但出错了。我不知道出了什么问题。有人能帮我吗？这是我的原生函数：

public native void flip() /*-{
$(document).ready(function () {
    $('#nav-list-example div div.back').hide().css('left', 0);

    function mySideChange(front) {
        if (front) {
            $(this).parent().find('div.front').show();
            $(this).parent().find('div.back').hide();

        } else {
            $(this).parent().find('div.front').hide();
            $(this).parent().find('div.back').show();
        }
    }

    $('#nav-list-example div').hover(
        function () {
            $(this).find('div').stop().rotate3Di('flip', 250, {direction: 'clockwise', sideChange: mySideChange});
        },
        function () {
            $(this).find('div').stop().rotate3Di('unflip', 500, {sideChange: mySideChange});
        }
    );
});
         }-*/;

Answer 1

JSNI 101：$wnd.$($doc).ready(function($) {…

使用$作为回调函数的参数应该允许在函数内使用$而不是$wnd.$。

Answer 2

我总是这样用：

$wnd.jQuery($doc).ready(function(){});

在函数内部，你可以为jQuery创建一个别名，例如：

function(){
  var _ = $wnd.jQuery;
  // go on....
}

希望它能有所帮助:)

顺便说一句，这就是我们在GWT-Bootstrap中所做的。