大佬教程收集整理的这篇文章主要介绍了jQuery工具提醒一次(但只有一次),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的内容/ DIV:
<div class='modal' id='the_alert'> <div id='modal_content' class='modal_content'> <h2>hi there</h2> this is the body <p> <button class='close'>OK</button> </p> </div> <div id='modal_BACkground' class='modal_BACkground'><img src='/images/overlay/f9f9f9-180.png' class='stretch' alt='' /></div> </div>
和Javascript:
function showOverlayDialog() { $('#the_alert').overlay({ mask: {Color: '#cccccc',loadSpeed: 200,opacity: 0.9},cloSEOnClick: false,load: true }); }
正如我所说:当第一次调用showOverlayDialog()时,叠加层就像它应该是一样的,当点击“确定”按钮时,它就会消失.但是如果我导致showOverlayDialog()再次运行,而不重新加载页面,则不会发生任何事情.如果我重新加载页面,那么模式将重复 – 第一次调用会打开覆盖图,但第二次调用不启动.
我显然缺少一些东西 – 有什么建议吗?谢谢!
$('#the_alert').overlay({ mask: { color: '#cccccc',opacity: 0.9 },load: false });
然后在显示对话框的处理程序中,调用load api method:
$("#show").click(function() { $("#the_alert").data("overlay").load(); });
(将点击事件分配给ID为show的元素,显示覆盖)
工作示例:http://jsfiddle.net/andrewwhitaker/Vqqe6/
我不相信您可以在特定元素上定义多个叠加层,这会导致您的问题.
以上是大佬教程为你收集整理的jQuery工具提醒一次(但只有一次)全部内容,希望文章能够帮你解决jQuery工具提醒一次(但只有一次)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。