以編程方式更改引導程序彈出窗口顏色

Question

我試圖以編程方式創建以編程方式創建的窗口程序的彈出窗口 - 工作正常......但是，當我嘗試更改彈出窗口內部文本的顏色時，這裏路障是我的代碼：

HTML：

<input type="text" class="inp"/> 
<input type="button" class="but" value="press me"/> 
<div id="append_area"> 
</div> 

JS：

$(".but").click(function(){ 

     var divv = $("<div class='append'>"+$(".inp").val()+"</div>"); 
     $("#append_area").append(divv); 
      $(divv).popover({ 
       html:true, 
       content:"<div class='pop'>"+$(".inp").val()+"</div>", 
       placement :"right", 
       trigger:"hover" 
      }); 
      if($(".inp").val()=="red"){ 
      $(".pop").css("color","red"); 
      } 


     }); 

感謝很多的幫手......

的jsfiddle例如：here

Answer 1

入住這fiddle

您需要添加回調來引導酥料餅，請參閱本link

JS：

var showPopover = $.fn.popover.Constructor.prototype.show; 
$.fn.popover.Constructor.prototype.show = function() { 
    showPopover.call(this); 
    if (this.options.showCallback) { 
     this.options.showCallback.call(this); 
    } 
} 

$(".but").click(function(){ 

      var divv = $("<div class='append'>"+$(".inp").val()+"</div>"); 
      $("#append_area").append(divv); 
       $(divv).popover({ 
        html:true, 
        content:"<div class='pop'>"+$(".inp").val()+"</div>", 
        placement :"right", 
        trigger:"hover", 
        showCallback: function(){ 
        if($(".inp").val()=="red"){ 
        // alert("dcd"); 
        $(".pop").css("color","red"); 
        } 
        } 
       }); 



      });