单击按钮时打开弹出框

Question

PopBox插件对于在文本区域内单击时在其自己的窗口中弹出文本区域非常有用。但是，我希望在用户单击按钮时显示PopBox，而不是在文本区域内。有没有办法修改PopBox功能？

tl; dr ：我希望PopBox在调用函数时弹出，而不是在文本区域内单击时弹出

Answer 1

如果查看popBox source，您会看到当popBox应用于某个元素时（通过$('#yourElement')).popBox()，会绑定一个focus事件：

obj.focus(function () { $(this).next(".popBox-holder").show(); var
    popBoxContainer = $(this).next().next(".popBox-container");  
    // ...edited for brevity...
});

将单击事件附加到您的按钮，然后通过触发上述focus事件触发popBox：

// Attach a click event handler to your button
$('#yourButton').click(function(){
    // Trigger the "focus" event on the popBox element
    $('#yourElement').triggerHandler('focus');
});

See a working demo here

显然，您可以修改它以满足您的需求 - 例如隐藏初始textarea或input，如果您不希望它显示。