Javascript 是否有人掌握了Bootstrap popover offset选项?

Javascript 是否有人掌握了Bootstrap popover offset选项?,javascript,twitter-bootstrap,popover,Javascript,Twitter Bootstrap,Popover,我正在使用Bootstrap popover实现一个类似HTML5的错误工具提示。与HTML5版本一样,我希望对工具提示应用偏移量,使其向右移动。尽管我尽了最大努力,我还是没能做到这一点 我尝试了几种模板化方法,但没有成功。引导将“offset”显示为一个选项,并指向一个隐藏的。添加偏移选项(例如偏移:“0 25%”)似乎也不起作用 validate.issuerror=函数($elem、msg、placement){ placement=placement==未定义?“底部”:placeme

我正在使用Bootstrap popover实现一个类似HTML5的错误工具提示。与HTML5版本一样,我希望对工具提示应用偏移量,使其向右移动。尽管我尽了最大努力,我还是没能做到这一点

我尝试了几种模板化方法,但没有成功。引导将“offset”显示为一个选项,并指向一个隐藏的。添加偏移选项(例如偏移:“0 25%”)似乎也不起作用

validate.issuerror=函数($elem、msg、placement){
placement=placement==未定义?“底部”:placement;
变量偏移量=$elem.width()/4;
变量模板=“”
console.log(“template=“+template”)
$elem.prop('data-toggle=popover',true);
var惊叹点=“!”;
var content=“+msg+”;
$elem.popover(“销毁”).popover({
是的,
安置:安置,
模板:模板,
内容:感叹号+内容
}).popover(“show”);
setTimeout(函数(){$elem.popover('hide')},5000);
$elem.focus();
$elem.on(“向下键单击”,函数(){
console.log(“kd?”)
$(this.popover('hide');
})
}

是否尝试将其作为数据属性传递<代码>数据偏移量是特定的偏移量。这里有一个
按钮

谢谢你给我指明了正确的方向。不幸的是,当我动态添加属性时,例如$e.lem.prop(“数据偏移量”,“0 25%”),它没有效果。在控制台中,我可以看到属性已正确添加。有什么想法吗appreciated@rontornambe我唯一能想到的是,在添加
数据偏移量
属性之前,您正在实例化它。我试过了,效果很好。这是使用bootstrap3对我有效的唯一解决方案:
validate.issueError = function ($elem, msg, placement) {
    placement = placement == undefined ? 'bottom' : placement;
    var offset = $elem.width() / 4;
    var template = '<div class="popover"  style="position:relative; margin-left:' + offset + 'px" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
    console.log("template="+ template)

    $elem.prop('data-toggle=popover', true);
    var exclamationPoint = "<span style='font-weight: bold; font-size:medium; color: white; background-color: orange; height: 12px; padding: 1px 8px; margin-right: 8px;'>!</span>";
    var content = "<span style='font-size: smaller;'>" + msg + "</span>";
    $elem.popover("destroy").popover({
        html: true,
        placement: placement,
        template: template,
        content: exclamationPoint + content
    }).popover('show');

    setTimeout(function () { $elem.popover('hide') }, 5000);
    $elem.focus();
    $elem.on("keydown click", function () {
        console.log("kd?")
        $(this).popover('hide');
    })
}