Jquery与X5的问题

真皮沙发

function(){
    var $e = $($element);
    $('>td>i.x-expand-i',$e).toggleClass('icon-android-add');  
    $e.next().toggleClass('hide');
}
为什么这段函数在X5的组件的bind-click事件中可以执行，在JS中就执行不了么，报的错误信息是$element 未定义。

jishuang

作用范围是不一样的
具体需求要做什么？

真皮沙发

点击listtable的某一行主数据事件来控制是否显示从数据，代码如下：
Model.prototype.tr2Click = function(event){
                debugger;
                var row = event.bindingContext.$object;
                if(row.val("fWXDL") == 0 || row.val("fWXDL") == null){
                        return;
                }
                var $e = $($element);
                $('>td>i.x-expand-i',$e).toggleClass('icon-arrow-right-b');
                $e.next().toggleClass('hide');
        };

jishuang

这样写应该不会报错吧？

真皮沙发

会啊 就是报的这个$element未定义啊。

真皮沙发

我单独把以下代码直接放到bind-click中，不通过函数名称引用，就没有问题。function(){
               var $e = $($element);
                $('>td>i.x-expand-i',$e).toggleClass('icon-arrow-right-b');
                $e.next().toggleClass('hide');
        };

jishuang

前面已经说了这样写作用域不一样，页面上来就加载的，可能有些需要的还没有加载完就执行了

真皮沙发

解决了 在JS代码把$element改成event.currentTarget 这样就OK了 结贴把