Question

我是jscript和jquery的新手。我正在创建一个网站，需要在点击超链接时打开模态对话框。

在示例代码中（来自网站），我看到它，它使用的是这样的东西：

<a id="SendToFriend" class="button send" href="#modalTellAFriend" rel="modal" data-closetext="Close">

content=jQuery(div#modalTellAFriend)closetext="Fermer"
<span>Send</span>
</a>

所以，基本上，我可以添加如下：

<div id="first modal">
</div>

<div id="second modal">
</div>

现在，简单的qn，如何编写实现这个的jQuery函数？我想在模态屏幕上使用验证和表单

Answer 1

您可以使用jQuery UI库创建模态对话框http://jqueryui.com/demos/dialog/#modal

为不同的rel属性打开不同的对话框可以这样做：

$('a[rel="modal_1"]').click(function(){
  $( "#first_modal" ).dialog({
    closeText : 'Fermer',
    modal: true
  });
});

$('a[rel="modal_2"]').click(function(){
  $( "#second_modal" ).dialog({
    closeText : 'Fermer',
    modal: true
  });
});

如何通过rel属性打开模态对话框

1 个答案: