2011-12-16 101 views
2

我被困在这个小小的细节已经有几个小时了,所以请... 我试图淡出一个元素,如果一个不同的元素是空的。 我在'.js.haml'文件中。在haml条件下使用jquery元素

我想这

- if($("#task-list-open").is(':empty')) 
    $("#open-task-container").fadeOut("slow"); 

,似乎在“$”的第一行是意外并引发编译错误。

“#open-task-container”中有“#task-list-open”, ,如果'list'为空,我想隐藏整个'container'。

的HTML看起来像这样(我已经简化了的话):

<div id="open-task-container"> 
    <table class="ui-widget-header ui-corner-all" /> 
    <div id="task-list-open"> 
    <div id="task_1" class="task" /> 
    <div id="task_4" class="task" /> 
    </div> 
</div> 
+0

试试这个:`VAR LST = $(“#任务列表开“);如果(lst.is(':empty'))$(“#open-task-container”)。fadeout(“slow”);` – SIFE 2011-12-16 11:11:29

+0

谢谢你的回答,因为某些原因''empty'does not work,maybe its我的红宝石版本('3.0.10')。我已经使用了Baszz的'.length'。 – 2011-12-17 00:40:10

回答

1

你可以试试这个:

var isEmpty = ($("#task-list-open div").length <= 0);