Javascript HTML Twitter引导工具提示重新初始化(动态工具提示标题)

Javascript HTML Twitter引导工具提示重新初始化(动态工具提示标题),javascript,twitter-bootstrap,twitter-bootstrap-tooltip,Javascript,Twitter Bootstrap,Twitter Bootstrap Tooltip,我对Bootstrap和jquery是新手,我有一个很大的问题,并没有找到答案 本案: 我有一个文本,它也有工具提示和弹出框。使用popover,我显示了一个输入字段和一个按钮。按下按钮后,“工具提示标题”将更改为输入值。这很有效。但是我无法销毁并重新初始化工具提示,因此它不会显示新标题 守则: $('.note').each( function() { $(this).popover({ placement: 'auto', html: true,

我对Bootstrap和jquery是新手,我有一个很大的问题,并没有找到答案

本案: 我有一个文本,它也有工具提示和弹出框。使用popover,我显示了一个输入字段和一个按钮。按下按钮后,“工具提示标题”将更改为输入值。这很有效。但是我无法销毁并重新初始化工具提示,因此它不会显示新标题

守则:

$('.note').each(
  function() {
    $(this).popover({
      placement: 'auto',
      html: true,
      content: returnNoteInput($(this), $(this).attr("tooltip-title"), $(this).attr("input")),
      title: "Jegyzet módosítása"
    })
    $(this).tooltip({
      placement: 'bottom',
      title: $(this).attr("tooltip-title")
    })
  });

function returnNoteInput(inputValue, inputTarget) {
  eredmeny = "<input type=\"text\" value=\"" + inputValue + "\"></input>";
  eredmeny += "<button onclick=\"setValue(this, '" + inputTarget + "')\")>módosítás</button>"
  return eredmeny;
}

function setValue(ele, targetId) {
  document.getElementById(targetId).value = ele.previousElementSibling.value;
  noteElement = document.getElementById(targetId).nextElementSibling;

  noteElement.setAttribute("tooltip-title", ele.previousElementSibling.value);
}
$('.note')。每个(
函数(){
$(这个)({
位置:'自动',
是的,
内容:returnNoteInput($(此),$(此).attr(“工具提示标题”),$(此).attr(“输入”),
标题:“Jegyzet módosítása”
})
$(此)。工具提示({
位置:'底部',
标题:$(this.attr(“工具提示标题”)
})
});
函数returnNoteInput(inputValue,inputTarget){
eredmeny=“”;
eredmeny+=“módosítás”
返回eredmeny;
}
函数设置值(ele、targetId){
document.getElementById(targetId).value=ele.previousElementSibling.value;
noteElement=document.getElementById(targetId).nextElementSibling;
setAttribute(“工具提示标题”,ele.previousElementSibling.value);
}
所以一切都正常(我可以看到工具提示标题发生了变化),只是我无法重新初始化工具提示(我没有复制我的尝试,因为它没有成功)

编辑:注意:我还有一个输入字段,只是想看看它是否正常工作

谢谢你的帮助

我找到了解决方案:

function setValue(ele, targetId){
    document.getElementById(targetId).value=ele.previousElementSibling.value;
    noteElement= $('#'+targetId).next();
    noteElement.attr("tooltip-title",ele.previousElementSibling.value);
    noteElement.tooltip("destroy");
    noteElement.popover("destroy");

    setTimeout(function() {
        noteElement.tooltip({placement : 'bottom',title : noteElement.attr("tooltip-title")})
        noteElement.popover({placement : 'auto',html:true,content: returnNoteInput(noteElement.attr("tooltip-title"),noteElement.attr("input")), title :"Jegyzet módosítása"})
        }
            ,1000)
    }