如何将参数传递给bootstrap的popover content函数

Question

我想添加关于应该在弹出窗口中显示什么类型的文本的条件。 所以我写了这个函数：

var initErrorPopOverEvent = function(hasRequiredError,option){
         if(hasRequiredError !== undefined && hasRequiredError === true){
             $(".icon-warning-lg").popover({
                 html:true,
                 placement:'top',
                'trigger': 'hover ',
                 content:function(){
                     return $("#required-field-error").text();
                 }
             });
         }
         if(option !== undefined){
             if(option === "option1"||option === "option2"){
                 $("#opt1-warning").popover({
                     html:true,
                     placement:'top',
                    'trigger': 'hover ',
                     content:function(){
                         return $("#opt1-error").text();
                     }
                 });
             }
             if(option === "option3" || option === "option2"){
                 $("#opt2-warning").popover({
                     html:true,
                     placement:'top',
                    'trigger': 'hover ',
                     content:function(){
                         return $("#opt2-error").text();
                     }
                 });
             }
         }
     }

但我希望所有这些条件都包含在显示弹出框内容的函数中。 就像是：

content:function(hasRequiredError,option){//render text according to condition
}

我该怎么做呢？

Answer 1

您应该在 Javascript 中将地图传递给它。 {核心价值}

尝试这个：

var hasRequiredError = ...;
var option = ...;
var options = {'content':initErrorPopOverEvent(hasRequiredError,option)};

$('#myElement').popover( options );