将REL属性操作转换为Jquery操作
将REL属性操作转换为Jquery操作
提问于 2013-05-23 05:31:25
使用jquery-tools在文档中打开一个模式窗口，我真的希望任何知道的人都能澄清一下；
Jquery：
$(function() {
$(".modalInput").overlay({
mask: {
color: 'silver',
loadSpeed: 200,
opacity: 0.5
},
closeOnClick: true
});
});HTML：
<div rel="#prompt" class="modalInput">show modal</div>
<div class="modal" id="prompt">
<h2>This is a modal dialog</h2>
<p>
Test modal dialog.
</p>
</div>这一切都很好，但我想知道如何使用jquery操作该操作。我读过http://www.w3schools.com/TAGS/att_a_rel.asp，我只是不明白在jquery函数中处理它时标记的rel/类之间的关系。即，如何使用jquery将打开模式的操作附加到点击处理程序：
HTML：
<div id="promptID" class="modalInput">show modal</div>
<div class="modal" id="prompt">
<h2>This is a modal dialog</h2>
<p>
Test modal dialog.
</p>
</div>Jquery：
$("#promptID").click(function() {
$(".modalInput").overlay({
// some mask tweaks suitable for modal dialogs
mask: {
color: 'silver',
loadSpeed: 200,
opacity: 0.5
},
closeOnClick: true
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2013-05-23 05:44:33
你们真的很接近了。
我们不是在click函数中构建实际的覆盖，而是简单地在click外部构建它，并在单击按钮时调用load事件。
$(".modal").overlay({
mask: {
color: 'silver',
loadSpeed: 200,
opacity: 0.5
},
closeOnClick: true,
load: false // will not load immediately, must be fired manually to see.
});我们可以使用jQuery提供的attribute selector来定位rel属性与#prompt匹配的元素。
在下面的代码中，我们将调用overlay的实例，并应用load()方法，该方法将把模型放在前面并使其可见
$('[rel=#prompt]').click(function(){
$('.modal').overlay().load()
});有关如何以编程方式触发模式对话框的load事件的Here's the stand alone demo provided by jQuery Tools。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16701909
复制相关文章
相似问题
腾讯云开发者
