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

时间:2014-03-15 07:28:03

标签: javascript twitter-bootstrap

我想添加关于应该在popoevers中显示哪种类型的文本的条件。 所以我写了这个函数:

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
}

我该怎么做?

1 个答案:

答案 0 :(得分:1)

你应该在Javascript中传递一个地图。 {键:值}

试试这个:

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

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