在haml条件下使用jquery元素

发布于 2024-12-21 10:52:35 字数 605 浏览 1 评论 0原文

我已经在这个小细节上停留了几个小时了,所以请...... 如果另一个元素为空,我试图淡出一个元素。 我位于“.js.haml”文件中。

我尝试了这个

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

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

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

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>

I'm stuck on this small detail for few hours already, so please...
I am trying to fadeout an element if a different element is empty.
I am inside a '.js.haml' file.

I tried this

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

and it seems that the '$' in the first line is unexpected and raises a compile error.

The "#open-task-container" has the "#task-list-open" in it,
and I want to hide the whole 'container' if the 'list' is empty.

The html looks like this (I have simplified it):

<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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

萌酱 2024-12-28 10:52:35

你可以试试这个:

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

You can try this:

var isEmpty = ($("#task-list-open div").length <= 0);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文