Question

툴팁을 바꾸기 위해 부스트랩 팝업을 사용하고 있습니다. 그리고 지금 나는이 확인을 작동이

JS

$(function() { 
    $('[title]').attr("data-rel", "tooltip"); 
    var titlePopover = $("[data-rel='tooltip']").attr("title"); 
    $("[data-rel='tooltip']").removeAttr('title').attr("data-placement", "top").attr("data-content", titlePopover); 


    var showPopover = function() { 
     $(this).popover('show'); 
    }; 
    var hidePopover = function() { 
     $(this).popover('hide'); 
    }; 
    $("[data-rel='tooltip']").popover({ 
     trigger: 'manual' 
    }).click(showPopover).hover(showPopover, hidePopover); 

}); 

그리고 HTML

<p title="THIS IS STEP 1">STEP 1</p> 
<p title="THIS IS STEP 2">STEP 2</p> 
<p title="THIS IS STEP 3">STEP 3</p> 
<p title="THIS IS STEP 4">STEP 4</p> 

를 얻었으나, 지금은 문제의 모든 요소는 동일한 제목이? 여기

현재 당신은 단지 첫번째 h1의 제목을 지정하는 http://www.bootply.com/IUhlrnoHG5

Answer 1

바이올린 을하고있다. 당신은 .attr(attributeName, function)

사용

$("[data-rel='tooltip']") 
    .attr("data-placement", "top") 
    .attr("data-content", function() { 
     return this.title; //return $(this).attr("title") 
    }) 
    .removeAttr('title'); 

대신

var titlePopover = $("[data-rel='tooltip']").attr("title"); 
$("[data-rel='tooltip']").removeAttr('title').attr("data-placement", "top").attr("data-content", titlePopover); 

DEMO

로 사용할 수 있습니다