0

Estou precisando colocar tags dentro do data-content do popover, como devo utilizar as aspas? exemplo:

       <a href="#" data-toggle="popover" data-html="true" data-content="
       <div>             
           <span onclick=alteraLabel(teste)>Iphone</span>
       </div>
       ">CLIQUE</a>

em data-content nao consigo adicionar minha String como parametro, por causa das aspas

obrigado

1 Resposta 1

2

Você quase chegou lá, o seguinte exemplo deve te ajudar:

$(function(){
    $("[data-toggle=popover]").popover();
    $("#ex02").popover({
        html : true, 
        content: function() {
          return $('#ex02conteudo').html();
        },
        title: function() {
          return $('#ex02titulo').html();
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
 <div class="container-fluid">
      <div class="row-fluid">
        <div class="span12" style="margin-top: 50px;">
          <a href="#"
            class="btn btn-info"
            data-toggle="popover" 
            data-html="true" 
            data-content="<div><b>Exemplo 01</b><br/>Criado utilizando atributos data-algumaCoisa</div>"
            title="<b>Título exemplo 01</b>">Exemplo 01</a>          
          <br /><br />
          <a href="#" id="ex02" class="btn btn-info">Exemplo 02</a>
          <div id="ex02conteudo" style="display: none">
             <div><b>Exemplo 02</b><br/>Criado utilizando javascript</div>
          </div>  
          <div id="ex02titulo" style="display: none">
             <b>Título exemplo 02</b> 
          </div>              
        </div>
      </div>
    </div>

Qualquer dúvida é só comentar.

1
  • deu certo, obrigado
    – Furlan
    11/12/2015 às 11:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .