javascript - 单击按钮时打开弹出框

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

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

最佳答案

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

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

将click事件附加到您的按钮上，并在其中通过触发上述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。

关于javascript - 单击按钮时打开弹出框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7730546/