как добавить всплывающую подсказку с всплывающей строкой в ​​Semantic-UI - PullRequest
Новая
       63

как добавить всплывающую подсказку с всплывающей строкой в ​​Semantic-UI

0 голосов
/ 08 октября 2019

Я бы хотел составить всего 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>

1 Ответ

1 голос
/ 08 октября 2019

вы можете использовать это: 

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