JSNI GWT的jQuery(JSNI GWT jquery)

我有一个文件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....
}

希望能帮助到你 ：）

---

BTW：这是我们在GWT-引导做到了。

文章来源: JSNI GWT jquery