2014-09-09 26 views
5

Próbuję dodać treść tekstową bootstrap popover z wieloma liniami. Tworzę ciąg znaków z możliwą linią podziału, jak poniżej, próbowałem \n, \r\n, <br>, <br/> and <br />, ale na próżno.Podziel tekst na wiele linii w treści poppera programu bootstrap.

 var files = 'No files selected'; 
     if (path.length > 1) { 
      files = ''; 
      for (var i = 0; i < path.length - 1; i++) { 
       files += path[i] + '<br />'; 
      } 
     } 
    $(this).attr('data-content', files); 
    $(this).popover('toggle'); 

z wyżej kod wejściowy co mogę dostać w popover przedstawiono poniżej

enter image description here

Czytałem w niektórych stanowisk, aby dodać/aktualizacja popover zawartości przez tagu zawartości, ale nie działa. Plus był post, aby ustawić zawartość HTML dla popover, której nie dostałem. Nie wiem, co zrobić, aby utworzyć nowe linie za pomocą powyższej metody lub podobnej.

+1

http://www.stackoverflow.com/questions/13338780/how-to-make-twitter-bootstrap-tooltips-have-multiple-lines Może to pomóc –

+0

załatwił sprawę, dzięki! ale musiałem zmienić css na klasę .popover-content – Saqib

Odpowiedz