单击按钮时打开弹出框

Question

PopBox 插件对于在以下情况下在其自己的窗口中弹出文本区域非常有用：您在文本区域内单击。但是，我希望当用户单击按钮时出现 PopBox，而不是出现在文本区域内。有没有办法为此修改 PopBox 功能？

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

Answer 1

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

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

将一个 click 事件附加到您的按钮，然后在其中触发popBox 通过触发上面提到的 focus 事件：

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

在此处查看工作演示

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