Question

这是一个指向我的小提琴的链接：http://jsfiddle.net/stavros917/AaQpZ/

所以我把这个效果和弹出框放在一起，通过我正在与团队合作的应用程序，可以用于不同的事情。我希望这个弹出窗口能够在应用程序中轻松使用，所以我试图把它变成一个自定义插件，我可以使用其他开发人员。我希望能够传递函数调用一些不同的值，这样他们就不必每次都重新创建html。当我打电话时，我希望做一些事情：

$('popMe').popUp({
    headLine: 'headline text',
    buttonOneTxt: 'some text'
    buttonOneImg:  'foo.jpg'
    buttonTwoTxt:  'some more text'
    buttonTwoImg:  'img.jpg' 
});

任何帮助都会很棒！制作插件还是一个新手，所以我有点陷入如何处理这个问题。我确信那里有很多可下载的，但我真的想知道它是如何完成的。再次感谢！

Answer 1

您只需将所有内容都包含在

的简单命令结构中

jQuery.fn.popUp = function () {

我把它放在一个你可以重用的函数中，称为popUp（）;.我没有解决一些错误的计算错误并重新运行错误 - 这些取决于你。好运。

http://jsfiddle.net/AaQpZ/1/

编辑1

再次更新以允许填充动态字段。请在此处查看小提琴，然后向下滚动脚本以查看函数如何调用HTML并将其作为参数传递给popUp（）函数。

http://jsfiddle.net/AaQpZ/2/

编辑2

叹息......我忘了停止传播，它在关闭/输入功能上附加了问题。新代码更新为stopPropagation（）添加...

http://jsfiddle.net/AaQpZ/3/

想要将此弹出窗口效果转换为插件

1 个答案: