首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用jquery隐藏子字段集合

如何使用jquery隐藏子字段集合
EN

Drupal用户
提问于 2018-09-06 06:39:11
回答 1查看 199关注 0票数 0

我有3个字段集合,第一个是父字段,另有2个字段集合是子字段集合。

  • 家长FC:学生信息
  • 儿童FC 1:英语信息
  • 儿童FC 1:数学信息

将字段设置为“无限”到父字段集合(即学生信息)。

现在我要隐藏2个子字段集合(即英语信息和数学信息),点击“添加另一项”,我已经使用jquery隐藏了子字段FC。

特别代表:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
jQuery('.child1').hide();

jQuery('.child2').hide();

子字段集合最初隐藏,但如果我单击“添加另一项”按钮,则jquery将被删除并显示子FC。我尝试过在jquery中绑定click事件,但它不起作用。

EN

回答 1

Drupal用户

回答已采纳

发布于 2018-09-06 23:14:10

您能否将JS文件中的代码替换为以下代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
(function ($, Drupal, drupalSettings) {

  'use strict';

  Drupal.behaviors.myModuleName = {
    attach: function (context, settings) {
        $('#node-student-form .field--type-field-collection .field--name-field-child-english-info').css("display","none"); // Child FC 1 
        $('#node-student-form .field--type-field-collection .field--name-field-child-maths-info').css("display","none"); // Child FC 2
    }
  };

})(jQuery, Drupal, drupalSettings);

这是基于这个文章的,attach()函数确保每次进行Ajax调用时代码都运行。

票数 1
EN
页面原文内容由Drupal提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://drupal.stackexchange.com/questions/268877

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文