一个苹果叠加层用于多个触发器
one apple overlay for multiple triggers?
我喜欢在网站上打开一个带有苹果效果的登录覆盖层。有不同的触发器来调用覆盖。这是我所做的:
.HTML
<div id="top_nav">
<a id="my_side" rel="#overlay" href="overlay_login.jsf"></a>
</div>
<div class="apple_overlay" id="overlay">
<a class="close"></a>
<div class="content-wrap"></div>
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</span>
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</div>
这是我的Javascript:
$('a[rel], div.call-button.active[rel]').overlay({
mask: {
color: '#ffffff',
loadSpeed: 200,
opacity: 0.5
},
effect: 'apple',
top: '15%',
onBeforeLoad: function() {
// grab wrapper element inside content
var wrap = this.getOverlay().find(".content-wrap");
// load the page specified in the trigger
wrap.load(this.getTrigger().attr("href"));
},
closeOnClick: false,
load: false
});
但这只会打开div 标签的叠加层一次。
欢迎任何想法!
你的javascript代码什么时候执行?我假设它被"文档就绪"事件触发一次?您是否确保 html 不会通过 ajax 重新呈现?
相关文章:
- 将函数的上下文应用于javascript变量
- keyup事件处理程序更改焦点不适用于快速键入
- JQueryhide()不适用于Mozzilla,但适用于Chrome
- JavaScript数组排序(函数)用于对表行进行排序,而不是排序
- PHP中的setcookie仅适用于localhost
- 包括用于facebook评论框的JavaScript SDK
- 如何检测用于WebGL的专用或集成显卡
- ng更改事件不适用于Dropdown
- 用于搜索的聚合物嵌套绑定
- jQuery表单添加不适用于下拉列表
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- JS编译器/包管理器,用于版本控制
- 将CSS应用于printWindow.print();在Javascript中
- 用于'魔术串'属性
- 用于检查数组中是否存在元素的javascript自定义方法
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 在ajax成功后,cluetip不适用于首次点击活动元素
- D3.js模式不适用于弧形或圆环图
- 一个苹果叠加层用于多个触发器
- 用于显示/隐藏叠加的简单触发器元素(最佳实践)