javascript - 如何在 Semantic-UI 中的弹出数据工具提示中添加换行符

Question

我想总共 3 句话，使用数据工具提示中添加换行符我已经尝试过了，但没有成功

    <div class="ui icon button" data-html="true"
    data-tooltip="The default theme's basic popup <br/> 
removes the pointing arrow." 
    data-position="bottom center">
      <i class="add icon"></i>
    </div>

Answer 1

你可以使用这个:

<div class="ui icon button" data-html="<div class='content'>The default theme's basic 
popup <br/> removes the pointing arrow.</div></div>" data-position="bottom center">
   <i class="add icon"></i>
</div>

或者这个，在这种格式中您可以使用您需要的每个 html 标签:

<div class="ui icon button test">
    <i class="add icon"></i>
</div>
<div class="ui custom popup top left transition hidden">
    The default theme's basic popup 
    <br/>
    removes the pointing arrow.
</div>

并使用此脚本:

<script>
    $(".test.button").popup({
       popup : $(".custom.popup"),
       on    : 'hover'
    });
</script>