是否可以根据屏幕宽度更改Bootstrap弹出窗口的操作？

Question

我问this question有关根据屏幕大小更改引导弹窗的位置。

答案很好 - 但是我现在也想改变popovers的动作（所以它是点击手机）以及位置，并且难以重新分解代码。这是我有：

$(document).ready(function(){ 
    $('#my_list li').popover({ 
     placement: wheretoplace 
    }); 
}); 

function wheretoplace(){ 
    var width = window.innerWidth; 
    if (width<500) return 'below'; 
    return 'left'; 
} 

我将如何修改wheretoplace函数返回两件事情：使用trigger值沿着placement价值？我已经有了jsFiddle中的现有内容。

编辑 - 我已经修改了我上面的jsFiddle以显示完整的解决方案，在@James的答案下面添加了一个click事件。

Answer 1

如果您试图从函数返回两个值，请尝试将它们分配为对象的属性，然后返回该对象。

例如。

function wheretoplace(){ 

    var data = {};  

    var width = window.innerWidth; 

    if (width<500) 
    { 
     data.placement = 'below'; 
    } 
    else 
    { 
     data.placement = 'left'; 
    } 

    data.trigger = "myEvent"; 

    return data; 

} 

然后在函数调用wheretoplace：

$(document).ready(function(){ 
    $('#my_list li').popover({ 
     placement: wheretoplace().placement, 
     trigger: wheretoplace().trigger 
    }); 
}); 

难道这就是你想干什么？

编辑：在回答下面的评论：

如同jsFiddle demo

通过作为文件准备好“手册”分配动了扳机，你就能够调用$(element).popover("toggle")在点击处理程序，其会切换弹出窗口的外观。