Question

我使用Bulma作为我的CSS框架，并且在创建事件提示时遇到问题。这是我的代码：

eventRender: function(event, element, view) {
    let children = element.children();

    if (children.length == 1) {
        $(children[0]).addClass('tooltip');
        $(children[0]).attr('data-tooltip', event.title);
    };
},

代码添加了预期的类和属性，但工具提示未显示：（这是它呈现的内容。也许需要将类和数据属性添加到span标记。如何访问span标记？< / p>

<div class="fc-content tooltip" data-tooltip="gas">
    <span class="fc-title">gas</span>
</div>

Answer 1

由于您知道<span>的类是fc-title，因此可以使用.find()轻松地访问元素。 Find（）与children（）的不同之处在于，它将遍历DOM的多个级别，直到找到您给定的选择器为止，而children（）则停在第一级。

演示：

var element = $("#el");
var span = element.find(".fc-title");
span.addClass('tooltip').attr('data-tooltip', "XYZ");
console.log(span[0]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="el">
  <div>
    <span class="fc-title">gas</span>
  </div>
</div>

FullCalendar事件的布尔玛工具提示

1 个答案: